как настроить приложение реагировать на производство

Question

Я хочу развернуть свое приложение реакции на производство (используя heroku). Когда приложение развернуто, инструменты React dev указывают, что мое приложение работает в режиме разработки

Я перенес приложение в heroku: https://lesamisdhubert.herokuapp.com/

Я попытался установить переменную среды: heroku config:set NODE_ENV=production

однако, когда я console.log (process.env.NODE_ENV), он возвращает развитие

Я также пробовал npm run build до запуска в производство, но это не сработало

вот мои сценарии в файле package.json:

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

однако console.log('node env --->', process.env.NODE_ENV); возвращает 'development'

Кто-нибудь знает, как я могу установить свое приложение реагирования в рабочий режим? ? Это проблема с npm run build? Большое спасибо, я действительно не понимаю, откуда это может ...

Answer 1

Я заменил в package.json:

"scripts": {
    "dev": "react-scripts start",
    "start": "serve -s build",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "heroku-postbuild": "npm run build"
  }

Я также создал новое приложение heroku, и оно, кажется, работает

Answer 2

При настройке переменных среды в heroku вы должны добавить REACT_APP_VARIABLENAME и затем установить его значение, иначе у вас не будет доступа к переменной env.

посмотрите на: https://github.com/mars/create-react-app-buildpack#compile-time-configuration

Вы можете сделать это в клиенте heroku

---