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

Question

Я новичок в React JS.Я пытаюсь создать файл войны из приложения React, но застрял где-то ниже.Это дает мне ошибки ниже.

Creating an optimized production build...

Treating warnings as errors because process.env.CI = true.
Most CI servers set it automatically.

Failed to compile.



./src/Home.js
  Line 2:   'AppNavbar' is defined but never used  no-unused-vars
  Line 3:  'Link' is defined but never used       no-unused-vars
  Line 4:  'Button' is defined but never used     no-unused-vars
  Line 4:  'Container' is defined but never used  no-unused-vars

./src/App.js
  Line 5:   'MenuBar' is defined but never used        no-unused-vars
  Line 6:   'PrivilegeList' is defined but never used  no-unused-vars
  Line 8:   'logo' is defined but never used           no-unused-vars


  npm ERR! code ELIFECYCLE
  npm ERR! errno 1
  npm ERR! my-app@0.1.0 build: `react-scripts build`
  npm ERR! Exit status 1
  npm ERR!
  npm ERR! Failed at the my-app@0.1.0 build script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

  npm ERR! A complete log of this run can be found in:
    npm ERR!     D:\ReactJS-workspace\my-app\npm\cache\_logs\2018-10-19T07_44_19_233Z-debug.log
    [INFO] ------------------------------------------------------------------------
    [INFO] BUILD FAILURE
    [INFO] ------------------------------------------------------------------------
    [INFO] Total time: 01:36 min
    [INFO] Finished at: 2018-10-19T13:14:19+05:30
    [INFO] ------------------------------------------------------------------------
    [ERROR] Failed to execute goal org.codehaus.mojo:exec-maven-plugin:1.3.2:exec (npm run build (compile)) on project my-app: Command execution failed.: Process exited with an error: 1 (Exit value: 1) -> [Help 1]
    [ERROR]
    [ERROR] To see the full stack trace of the errors, re-run Maven with the -e switch.
    [ERROR] Re-run Maven using the -X switch to enable full debug logging.
    [ERROR]
    [ERROR] For more information about the errors and possible solutions, please read the following articles:
    [ERROR] [Help 1] http://cwiki.apache.org/confluence/display/MAVEN/MojoExecutionException

Ниже моя структура папок.

Я хочу установить process.env.CI = false как установить переменную окружения в React JS?

Answer 1

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

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

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

REACT_APP_API_URL=/api

Принимая во внимание, что это не будет:

API_URL=/api

Подробнее см.официальная документация:

Answer 2

Чтобы установить его для выполнения текущего процесса, просто отредактируйте файл 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

Answer 3

проверить этот пакет 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

Answer 4

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

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

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

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

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

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

Answer 5

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

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

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

Для получения более подробной информации следуйте инструкциям - https://eslint.org/docs/user-guide/configuring