Как исправить ошибку приложения Heroku для успешно развернутого приложения React - PullRequest
Новая
       0

Как исправить ошибку приложения Heroku для успешно развернутого приложения React

1 голос
/ 04 апреля 2020

Добрый день. Мне удалось успешно развернуть приложение реагирования на Heroku. Однако, когда я пытаюсь открыть, я получаю следующие ошибки в моих журналах heroku: 

2020-04-04T11:31:03.263548+00:00 app[web.1]: ℹ ｢wds｣: Project is running at http://172.17.176.146/
2020-04-04T11:31:03.263914+00:00 app[web.1]: ℹ ｢wds｣: webpack output is served from
2020-04-04T11:31:03.264020+00:00 app[web.1]: ℹ ｢wds｣: Content not from webpack is served from /app/public
2020-04-04T11:31:03.264096+00:00 app[web.1]: ℹ ｢wds｣: 404s will fallback to /
2020-04-04T11:31:03.264274+00:00 app[web.1]: Starting the development server...
2020-04-04T11:31:03.264276+00:00 app[web.1]: 
2020-04-04T11:31:03.360569+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-04T14:25:45.432183+00:00 heroku[web.1]: State changed from crashed to starting
2020-04-04T14:25:57.190700+00:00 app[web.1]: 
2020-04-04T14:25:57.190727+00:00 app[web.1]: > portfolio@0.1.0 start /app
2020-04-04T14:25:57.190728+00:00 app[web.1]: > react-scripts start
2020-04-04T14:25:57.190728+00:00 app[web.1]: 
2020-04-04T14:25:59.253101+00:00 app[web.1]: ℹ ｢wds｣: Project is running at http://172.16.211.122/
2020-04-04T14:25:59.253414+00:00 app[web.1]: ℹ ｢wds｣: webpack output is served from
2020-04-04T14:25:59.253514+00:00 app[web.1]: ℹ ｢wds｣: Content not from webpack is served from /app/public
2020-04-04T14:25:59.253580+00:00 app[web.1]: ℹ ｢wds｣: 404s will fallback to /
2020-04-04T14:25:59.253747+00:00 app[web.1]: Starting the development server...
2020-04-04T14:25:59.253749+00:00 app[web.1]: 
2020-04-04T14:25:59.349915+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-04T14:28:20.178274+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=kerron-king-portfolio.herokuapp.com request_id=d8f77821-5bd5-4d55-8b95-8fbd37c13c09 fwd="190.213.65.88" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T14:28:24.241325+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=kerron-king-portfolio.herokuapp.com request_id=c021725e-5389-452d-9601-a7c8018ab331 fwd="190.213.65.88" dyno= connect= service= status=503 bytes= protocol=https

Это приложение реагирования, которое было создано с помощью команды create-реагировать-приложение. Я не редактировал веб-пакеты, и мой пакет json выглядит следующим образом: 

{
  "name": "portfolio",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "prop-types": "^15.7.2",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "eslint": "^6.8.0",
    "eslint-config-airbnb": "^18.1.0",
    "eslint-plugin-import": "^2.20.2",
    "eslint-plugin-jsx-a11y": "^6.2.3",
    "eslint-plugin-react": "^7.19.0",
    "eslint-plugin-react-hooks": "^2.5.1"
  }
}

Моя папка publi c выглядит следующим образом: 

- index.html
- robots.txt

Содержимое этих файлов : index. html: 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Portfolio</title>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

robots.txt: 

# https://www.robotstxt.org/robotstxt.html
User-agent: *
Disallow:

У меня также есть 4 изображения, которые я использую в проекте, которые размещены в следующем каталоге:

портфолио / срк / imgs

Любая помощь в решении этой проблемы будет принята с благодарностью.

Ответы [ 2 ]

4 голосов
/ 04 апреля 2020

Хорошо, я нашел проблему. По умолчанию при развертывании используется пакет сборки node.js. Мне нужно было использовать пакет сборки create-реагировать на приложение (как показано ниже). Теперь он отлично работает. 

heroku create $APP_NAME --buildpack mars/create-react-app
git push heroku master
heroku open
0 голосов
/ 04 апреля 2020

Если вы использовали create-реакции-приложение, вы должны добавить новый объект, который называется engine Внутри объекта engine вы указываете версии для npm и узла. Для этого откройте свой терминал и введите:

npm -v Нажмите enter

node -v Нажмите enter 

{
  "name": "portfolio",
  "version": "0.1.0",
  "private": true,
  "engines": {
    "npm": "5.7.1",// here put your version
    "node": "9.5.0" // here put your version
  },
... the rest of the file
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...