Heroku 使用 npx create-react-app 给出 H10 错误答案

【问题标题】：Heroku giving H10 error with npx create-react-appHeroku 使用 npx create-react-app 给出 H10 错误
【发布时间】：2020-07-24 22:30:52
【问题描述】：

我正在使用 npx create-react-app 创建一个反应应用程序，但是，无论我做什么，heroku 都会给我一个 H10 错误。有没有办法获得更详细的错误信息？以及如何让应用程序启动并运行？这是我的 package.json 文件。

{
  "name": "portfolio",
  "version": "0.1.0",
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "DONTEXECUTEbuild": "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"
    ]
  },
  "engines": {
    "node": "12.16.1"
  }
}

这是我的 Procfile

web:npm start

编辑 1：

我尝试运行 heroku restart 并安装 https://github.com/mars/create-react-app-buildpack.git buildpack。

编辑 2： 这是我收到的错误消息：

2020-04-12T10:12:16.885382+00:00 heroku[web.1]: State changed from crashed to starting
2020-04-12T10:12:27.041455+00:00 app[web.1]:
2020-04-12T10:12:27.041478+00:00 app[web.1]: > portfolio@0.1.0 start /app
2020-04-12T10:12:27.041478+00:00 app[web.1]: > react-scripts start
2020-04-12T10:12:27.041478+00:00 app[web.1]:
2020-04-12T10:12:29.005933+00:00 app[web.1]: ℹ ｢wds｣: Project is running at http://172.18.174.102/
2020-04-12T10:12:29.006390+00:00 app[web.1]: ℹ ｢wds｣: webpack output is served from
2020-04-12T10:12:29.006491+00:00 app[web.1]: ℹ ｢wds｣: Content not from webpack is served from /app/public
2020-04-12T10:12:29.006574+00:00 app[web.1]: ℹ ｢wds｣: 404s will fallback to /
2020-04-12T10:12:29.006803+00:00 app[web.1]: Starting the development server...
2020-04-12T10:12:29.006804+00:00 app[web.1]:
2020-04-12T10:12:29.112722+00:00 heroku[web.1]: State changed from starting to crashed

【问题讨论】：

标签： javascript reactjs heroku deployment web-deployment

【解决方案1】：

尝试在 package.json 中更改 React 的版本。我将反应版本更改为 16.12.0， react-dom 到 16.12.0，react-router-dom 到 5.1.2，react scripts 到 3.2.0 .. 之后它运行良好。另一种选择是在 heroku 设置中更改 create react app webpack 配置。

【讨论】：

【解决方案2】：

您可以通过首先全局安装 heroku cli 来获取详细的错误日志： herokudownloadlink

然后使用你的命令行登录heroku：

heroku login

在提供您的凭据后。做：

heroku logs -tail -a <your application name>

您现在将看到所发生事件的详细日志。 H10 错误通常意味着流程以错误结束。可能是因为 heroku 无法绑定到端口。

同样在您的 package.json 中将“DONTEXECUTEbuild”更改为“build”。 heroku 有时需要构建以获得最佳性能。

【讨论】：

【解决方案3】：

安装 buildpack 后我忘了做git push heroku master。它现在可以工作了。

【讨论】：

【解决方案4】：

我遇到了同样的问题，经过一番努力，在 package.json 中将 react-scripts 降级到 3.1.2 后它工作了（在此之前我的版本和你一样）

“反应脚本”：“3.1.2”

还删除了节点模块，然后重新运行 npm install

【讨论】：