部署时 Heroku 状态错误 503 - 我如何解释错误代码？答案

【问题标题】：Heroku status error 503 when deployed - How do i interpret the error codes?部署时 Heroku 状态错误 503 - 我如何解释错误代码？
【发布时间】：2021-05-28 11:04:07
【问题描述】：

部署应用后，我的 heroku 日志中不断出现此错误。

我对此仍然很陌生，所以我不确定如何阅读错误，但我尝试使用各种错误解决方案检查视频或文档，但似乎没有一个能解决我的问题。

当我在本地 npm 启动时，该应用程序运行良好。

2020-07-21T00:14:48.005621+00:00 heroku[web.1]: Process exited with status 0
2020-07-21T00:14:48.063048+00:00 heroku[web.1]: State changed from starting to crashed
2020-07-21T00:14:48.065696+00:00 heroku[web.1]: State changed from crashed to starting
2020-07-21T00:14:56.336931+00:00 heroku[web.1]: Starting process with command `npm start`
2020-07-21T00:14:58.630133+00:00 app[web.1]:
2020-07-21T00:14:58.630180+00:00 app[web.1]: > react-boilerplate@0.1.0 start /app
2020-07-21T00:14:58.630186+00:00 app[web.1]: > react-scripts start
2020-07-21T00:14:58.630187+00:00 app[web.1]:
2020-07-21T00:15:01.109832+00:00 app[web.1]: ℹ ｢wds｣: Project is running 
2020-07-21T00:15:01.110173+00:00 app[web.1]: ℹ ｢wds｣: webpack output is served from
2020-07-21T00:15:01.110259+00:00 app[web.1]: ℹ ｢wds｣: Content not from webpack is served from /app/public
2020-07-21T00:15:01.110327+00:00 app[web.1]: ℹ ｢wds｣: 404s will fallback to /
2020-07-21T00:15:01.110510+00:00 app[web.1]: Starting the development server...
2020-07-21T00:15:01.110511+00:00 app[web.1]:
2020-07-21T00:15:01.202744+00:00 heroku[web.1]: Process exited with status 0
2020-07-21T00:15:01.245183+00:00 heroku[web.1]: State changed from starting to crashed

索引.js

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";

ReactDOM.render(
    <React.StrictMode>
        <App />,
    </React.StrictMode>,
    document.getElementById("root")
);

serviceWorker.unregister();

包.json

{
  "name": "react-boilerplate",
  "version": "0.1.0",
  "private": true,
  "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-router-dom": "^5.2.0",
    "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"
    ]
  }
}

【问题讨论】：

请edit 提出您的问题并向我们展示您的package.json 以及您的主要脚本。
很抱歉。我现在已经添加了。
端口正在监听 process.env.PORT || 3000 我的 server.js 中有我的 express js 文件

标签： node.js heroku

【解决方案1】：

所以问题不在于我的代码。我使用了错误的 Heroku buildpack。这是一个反应应用程序，我使用的是专门为 Node.JS 构建的包，所以我将构建包切换到这里的那个： https://elements.heroku.com/buildpacks/mars/create-react-app-buildpack#buildpack-instructions

现在应用部署在 Heroku 上。希望这可以帮助其他人开始使用 React 应用程序和 Heroku。感谢所有试图提供帮助的人。

【讨论】：