Как установить переменную окружения в React JS ..?

Создайте файл с именем .eslintrc в корневой папке и добавьте в этот файл следующие правила -

{
    "rules": {
        "no-unused-vars": "off"
    }
}

Это отключит строгую проверку правила eslint no-unused-vars. Вы можете добавить больше правил в этот файл, если хотите их отключить.

Подробнее читайте в руководстве - https://eslint.org/docs/user-guide/configuring.

проверьте этот пакет dotenv,

1. создайте новый файл .env в вашем рабочем каталоге

2. установить dotenv с помощью npm install dotenv

3. добавьте это в свое приложение require('dotenv').config()

4. в этом файле напишите process.env.CI = false

5. добавьте .env к вашему .gitignore [при использовании git]

6. перезапустите ваше приложение.

ИЛИ запустите этот CI=false npm run build

Похоже, вам нужно, чтобы ваше приложение имело доступ к переменным process.env.

Для этого у вас есть несколько вариантов (один из которых включает использование сторонней библиотеки, указанной выше, что является хорошим вариантом, но выполняет несколько задач).

1) Задайте переменные среды в вашей команде запуска, например: CI=travis npm start. В этом случае у вас будет доступ к process.env.CI в вашем приложении.

2) Установите переменную окружения в вашем, вы знаете, окружении. Если вы используете Mac или Linux, просто добавьте переменную среды, как обычно, если ваша оболочка будет экспортировать. Проверить с echo $VAR

3) Вручную сделайте что-нибудь глупое в своем приложении для записи в глобальные переменные. Наверное, не беспокойтесь.

4) Просто используйте .dotenv. То, что он делает, на самом деле несложно, но он предлагает решение, которое практически необходимо для большинства проектов по нескольким причинам.

Чтобы установить его для выполнения текущего процесса, просто отредактируйте файл package.json и измените сценарий "build" следующим образом:

"scripts": {
"start": "react-scripts start",
"build": "set \"CI=false\" && react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject" }

Это установит для переменной среды CI значение «false». Теперь вы можете выполнить команду сборки с установленной переменной CI:

npm run build

Заголовок вашего вопроса сильно отличается от того, что происходит в описании.

Чтобы использовать переменные среды в React, они должны иметь префикс REACT_APP_.

Например, приложение React уловит следующее:

REACT_APP_API_URL=/api

В то время как это не будет:

API_URL=/api

Для получения дополнительной информации см. Официальную документацию:

Я пришел к этому вопросу, когда искал интеграцию с Bitbucket Pipelines.

Для всех, кто ищет то же самое, вы можете добавить CI как false в Settings/Repository Variables для своего репо (если вы не хотите, чтобы он был частью вашего кода, контролируемого версиями).

Если вы хотите добавить его для всех ваших репозиториев в битбакете, вы должны добавить его в свои глобальные настройки, но, вероятно, лучше всего добавить его на основе репо за репо.

"scripts": {
    "start": "react-scripts start",
    "build": "CI=false react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"  
  },

Попробуйте это ... Это установит для CI значение false

Вы должны создать файл .env в корневом каталоге и определить переменную в этом файле. Пожалуйста, убедитесь, что каждый варибал начинается с REACT_APP_, как REACT_APP_IS_PROD=1

Вам необходимо перезапускать сервер каждый раз, когда вы меняете или создаете новую переменную.

Ссылка

Создайте файл .env или еще .env.dev, .env.qa, .env.stg ... и т. д.

Добавьте в этот файл следующую строку

CI=false

если вы еще не установили env-cmd, сначала установите его и включите в package.json

Затем добавьте следующие строки в «скрипты» package.json.

  "scripts": {
    "start": "env-cmd -f .env.dev react-scripts start",
    "build": "react-scripts build",
    "build:dev": "env-cmd -f .env.dev npm run-script build",
    "build:qa": "env-cmd -f .env.qa npm run-script build",
    "build:stg": "env-cmd -f .env.stg npm run-script build",
    "build:prod": "env-cmd -f .env.prod npm run-script build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

Затем выполните сборку с помощью "npm run build: dev" или соответствующей команды.

Для Windows

установить REACT_APP_ENV = разработка && запуск сценариев реакции

Для Linux, Ubuntu, macOs

REACT_APP_ENV = запуск сценариев реакции разработки

Вы можете установить переменные среды в файле .env

Вот шаги

1. создать файл с именем .env в корневой папке проекта

2. Теперь, когда вы добавляете переменную, вам нужно добавить префикс REACT_APP например: вы хотите добавить переменную API_URL для своего API. Поэтому вам нужно добавить переменную с префиксом RECT_APP, как показано ниже.

   REACT_APP_API_URL

3. Остановите свой работающий сервер и перезапустите, используя npm start

4. Чтобы получить доступ к переменной env, вы должны вызвать: process.env.REACT_APP_API_URL

Ну вот. Теперь вы можете получить доступ к переменной env

Примечание:

1. Убедитесь, что вы добавили префикс (REACT_APP)
2. Пожалуйста, остановите свой сервер и перезапустите, чтобы он загрузил переменную env, если она добавлена