不能为port设置一个固定的数字，heroku使用process.env.PORT动态分配它。但是你可以同时添加它们，就像这个process.env.PORT || 5000。Heroku将使用第一个，而您的本地主机将使用第二个。

您甚至可以添加回调函数。请看下面的代码

app.listen(process.env.PORT || 5000, function() {
    console.log("Server started.......");
});

当Heroku在服务器上绑定端口或主机名失败时发生错误。监听(port， [host]， [backlog]， [callback])。

Heroku需要的是.listen(process.env. port)或.listen(process.env. port)。港口,“0.0.0.0”)

所以更一般地，为了支持其他环境，使用这个:

var server_port = process.env.YOUR_PORT || process.env.PORT || 80;
var server_host = process.env.YOUR_HOST || '0.0.0.0';
server.listen(server_port, server_host, function() {
    console.log('Listening on port %d', server_port);
});

改变这一行

app.listen(port);

to

app.listen(process.env.PORT, '0.0.0.0');

会有用的

我使用ReactJs， 如果你想上传到heroku，在你的webpack.config.js中添加这个

因为如果不加就会有错误

错误R10(引导超时)-> Web进程绑定$PORT失败 发射60秒

//webpack.config.js add code like that

const HtmlWebPackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
var server_port = process.env.YOUR_PORT || process.env.PORT || 5000;
var server_host = process.env.YOUR_HOST || "0.0.0.0";

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      },
      {
        test: /\.css$/,
        use: [MiniCssExtractPlugin.loader, "css-loader"]
      }
    ]
  },
  devServer: {
    disableHostCheck: true,
    contentBase: "./ dist",
    compress: true,
    inline: true,
    port: server_port,
    host: server_host

  },
  plugins: [
    new HtmlWebPackPlugin({
      template: "./src/index.html",
      filename: "index.html"
    }),
    new MiniCssExtractPlugin({
      filename: "[name].css",
      chunkFilename: "[id].css"
    })
  ]
};

我会建议你很好地阅读日志，以便轻松排除故障。 如果你引用一个PORT作为环境变量(env)，请确保它是PORT而不是PORT，因为heroku会在你部署应用程序时自动分配一个PORT号。process.env.PORT不是process.env.PORT

我的情况是，我在启动时运行数据库脚本，花费了很长时间。我在部署完成后手动运行npm start来解决这个问题。