时间戳

首页 > 解决方案 > 部署时 Heroku 状态错误 503 - 我如何解释错误代码？

node.js - 部署时 Heroku 状态错误 503 - 我如何解释错误代码？

问题描述

部署应用程序后，我的 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"
    ]
  }
}

标签： node.jsheroku

解决方案

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

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

推荐阅读