Heroku 无法使用“npm start”启动应用程序答案

【问题标题】：Heroku unable to start app with "npm start"Heroku 无法使用“npm start”启动应用程序
【发布时间】：2019-12-26 04:53:40
【问题描述】：

在我将我的应用程序部署到 heroku 后，它会构建得很好，但在运行启动脚本后：npm start 它会挂起，然后最终中断。我试过玩弄它，但我似乎没有做任何事情来让它在部署后真正运行。值得一提的是，构建应用程序并在本地启动它是有效的。下面是heroku logs --tails的日志输出和相关代码。

2019-08-20T16:02:56.000000+00:00 app[api]: Build succeeded
2019-08-20T16:02:58.168780+00:00 heroku[web.1]: Starting process with command `npm start`
2019-08-20T16:03:00.139605+00:00 app[web.1]:
2019-08-20T16:03:00.139625+00:00 app[web.1]: > flexer@1.0.0 start /app
2019-08-20T16:03:00.139627+00:00 app[web.1]: > export NODE_ENV=Production && node src/server.js
2019-08-20T16:03:00.139629+00:00 app[web.1]:
2019-08-20T16:03:00.468869+00:00 app[web.1]: App running at http://localhost:8080
2019-08-20T16:03:00.469522+00:00 app[web.1]: Press Ctrl + C to shut the app down
2019-08-20T16:03:58.258831+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
2019-08-20T16:03:58.258968+00:00 heroku[web.1]: Stopping process with SIGKILL
2019-08-20T16:03:58.352312+00:00 heroku[web.1]: State changed from starting to crashed
2019-08-20T16:03:58.356511+00:00 heroku[web.1]: State changed from crashed to starting
2019-08-20T16:03:58.332256+00:00 heroku[web.1]: Process exited with status 137
2019-08-20T16:04:01.054987+00:00 heroku[web.1]: Starting process with command `npm start`
2019-08-20T16:04:03.927374+00:00 app[web.1]:
2019-08-20T16:04:03.927394+00:00 app[web.1]: > flexer@1.0.0 start /app
2019-08-20T16:04:03.927396+00:00 app[web.1]: > export NODE_ENV=Production && node src/server.js
2019-08-20T16:04:03.927398+00:00 app[web.1]:
2019-08-20T16:04:04.265778+00:00 app[web.1]: App running at http://localhost:8080
2019-08-20T16:04:04.265819+00:00 app[web.1]: Press Ctrl + C to shut the app down
2019-08-20T16:04:26.772380+00:00 heroku[router]: at=error code=H20 desc="App boot timeout" method=GET path="/" host=flexer-css.herokuapp.com request_id=df728327-bc5c-4484-b6ff-c5e66c3984e6 fwd="136.36.121.111" dyno= connect= service= status=503 bytes= protocol=https
2019-08-20T16:05:01.601305+00:00 heroku[web.1]: State changed from starting to crashed
2019-08-20T16:05:01.464089+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
2019-08-20T16:05:01.464089+00:00 heroku[web.1]: Stopping process with SIGKILL
2019-08-20T16:05:01.573116+00:00 heroku[web.1]: Process exited with status 137
2019-08-20T16:05:02.186635+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=flexer-css.herokuapp.com request_id=3a0c387e-a781-4d0b-9db0-208fcc3ee994 fwd="136.36.121.111" dyno= connect= service= status=503 bytes= protocol=https
2019-08-20T16:05:02.740563+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=flexer-css.herokuapp.com request_id=40e04b18-7e6d-4f41-b7fb-ffdfeb49331e fwd="136.36.121.111" dyno= connect= service= status=503 bytes= protocol=https

package.json:

{
  "name": "flexer",
  "version": "1.0.0",
  "engines": {
    "node": "10.14.2",
    "npm": "6.9.0"
  },
  "description": "Flexbox generator",
  "main": "index.js",
  "scripts": {
    "start:dev": "export NODE_ENV=Development && webpack-dev-server --open --config webpack.dev.js",
    "start": "export NODE_ENV=Production && node src/server.js",
    "build": "webpack --config webpack.prod.js"
  },
  "author": "Dakota Ruller",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.5.5",
    "@babel/node": "^7.5.5",
    "@babel/plugin-proposal-class-properties": "^7.5.5",
    "@babel/preset-env": "^7.5.5",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "^8.0.6",
    "clean-webpack-plugin": "^3.0.0",
    "css-loader": "^3.0.0",
    "file-loader": "^4.0.0",
    "html-loader": "^0.5.5",
    "html-webpack-plugin": "^3.2.0",
    "node-sass": "^4.12.0",
    "nodemon": "^1.19.1",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1",
    "webpack": "^4.36.1",
    "webpack-cli": "^3.3.6",
    "webpack-dev-server": "^3.7.2",
    "webpack-merge": "^4.2.1",
    "webpack-node-externals": "^1.7.2"
  },
  "dependencies": {
    "axios": "^0.19.0",
    "body-parser": "^1.19.0",
    "compression": "^1.7.4",
    "express": "^4.17.1",
    "path": "^0.12.7",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-redux": "^7.1.0",
    "redux": "^4.0.4"
  }
}

server.js

const express = require('express');
const compression = require('compression');
const path = require('path');

const server = express();
const PORT = 8080 || process.env.PORT;

const DIST_DIR = path.join(__dirname, '../dist');
const HTML_FILE = path.join(DIST_DIR, 'index.html');

server.use(express.static(DIST_DIR));
server.use(compression);

server.get('/', (req, res) => {
  res.sendFile(HTML_FILE);
});

server.listen(PORT, () => {
  console.log(`App running at http://localhost:${PORT}`);
  console.log("Press Ctrl + C to shut the app down");
});

我对使用 heroku 进行部署非常陌生，因此我们将不胜感激任何建议/帮助。

【问题讨论】：

标签： javascript reactjs heroku webpack

【解决方案1】：

Heroku 将为您分配一个运行端口，you don't pick it。所以这里的问题是你试图绑定到端口 8080 而 Heroku 不允许你，如日志的第 9 行所示。去掉PORT变量中的8080 ||，直接绑定$PORT环境变量即可：

const PORT = process.env.PORT;

【讨论】：

【解决方案2】：

将您的应用程序绑定到所需端口似乎存在问题，而是尝试将您的应用程序绑定到您将用于本地开发的端口 8080。

2019-08-20T16:05:01.464089+00:00 heroku[web.1]：错误 R10（启动超时）-> Web 进程在启动后 60 秒内无法绑定到 $PORT

尝试将您的端口逻辑更改为以下内容：

const PORT = process.env.PORT || 8080

您当前的代码始终假定端口为 8080，但这是在您在 Heroku 上部署应用程序时动态分配的。您当前的逻辑是相反的，通过此更改，无论您是在本地开发还是将 Web 应用程序部署到 Heroku，您的应用程序都将正常工作。

这条语句的逻辑如下：

对于本地开发，条件的第一部分：动态分配端口的位置将为 false，因此您的代码将回退到端口 8080。但是，当部署到 Heroku 时，此端口环境变量将被动态分配，在Heroku 的结束，所以你的本地端口将不会被使用。

希望对您有所帮助！

【讨论】：

很高兴听到它有效，请接受答案。我会考虑保持逻辑不变，否则如果该环境变量设置不正确，您将遇到本地开发问题。
我保留了你提到的方式，所以它有一个后备
考虑添加评论或接受我的评论，这样其他人就可以清楚地向前推进，这样他们仍然可以毫无问题地在本地开发。供参考：github.com/heroku/node-js-getting-started/blob/master/index.js
在我的 server.js 文件中，我将 PORT 变量从 const PORT = 8080 || process.env.PORT; 切换到 const PORT = process.env.PORT || 8080;，这样它将默认为 process.env.PORT 并回退到 8080，而不是相反。

【解决方案3】：

看起来就像上面的人所说的端口绑定是问题，因为npm start 是启动服务器，在dep上你可能不需要明确提及端口#

【讨论】：