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

Question

Я развернул свой сайт реакции на Heroku. Он работает нормально локально и при запуске команды 'heroku local web'. Веб-сайт успешно разворачивается, но появляется ошибка приложения.

An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details. You can do this from the Heroku CLI with the command
heroku logs --tail

При запуске журналов heroku -tail мой файл журнала выглядит примерно так:

2020-04-20T09:47:52.000000+00:00 app[api]: Build succeeded
2020-04-20T09:47:55.522526+00:00 app[web.1]: ℹ ｢wds｣: Project is running at https://{some-ip-address}
2020-04-20T09:47:55.523069+00:00 app[web.1]: ℹ ｢wds｣: webpack output is served from /{filename path}
2020-04-20T09:47:55.523174+00:00 app[web.1]: ℹ ｢wds｣: Content not from webpack is served from /app/public
2020-04-20T09:47:55.523277+00:00 app[web.1]: ℹ ｢wds｣: 404s will fallback to /{filename path}
2020-04-20T09:47:55.523531+00:00 app[web.1]: Starting the development server...
2020-04-20T09:47:55.523534+00:00 app[web.1]: 
2020-04-20T09:47:55.631808+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-20T09:48:17.332436+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host={hostname}.herokuapp.com request_id={some_request_id} fwd={ip address} dyno= connect= service= status=503 bytes= protocol=https

Что может быть причиной возможной причины неудачи? Как я могу решить это?

Answer 1

Вы пытаетесь запустить сервер разработки на Heroku, как указано:

Starting the development server...

Какова ваша задача npm start? У вас есть npm run build скрипт? Готов поспорить, ваш стартовый скрипт запускает веб-пакет в режиме просмотра?

Вместо этого попробуйте что-то подобное для своего package.json:

{
  //...
  "scripts": {
    "build": "webpack --mode production",
    "dev": "webpack --mode development --watch",
    "start": "node server.js"
  }
}

Это предполагает, что вы используете сервер узлов, вам нужно заменить команду start на любой сервер вы используете или используете Heroku stati c buildpack .

Если Heroku увидит скрипт build, он запустит его при развертывании вашего приложения.

Вариант 2

Убедитесь, что у вас установлено Procfile, если ваш сервер не запускается с «npm start»:

web: npm run server