我花了很多时间来寻找根本原因，最终我发现这个超时(60s)是可以调整的。在这里，你可以将60秒改为120秒，甚至更久。这对我有用，希望能帮助到其他人!

这也是一个好方法。为了解决这个错误

  const PORT = process.env.PORT || 3000                                                   
   app.listen(                                                                                 
    PORT,                                                                                                    
    '0.0.0.0',                                                                                
    function () {                                                                                                             
    console.log("Server started.......");                                                              
    }                                                                                                                   
  );

从heroku bash进程中，使用选项解析器(如yargs)将$PORT的值传递给节点应用程序。

下面是一个示例，说明如何做到这一点。在脚本对象上，在包内。添加一个启动方法"node server——port $ port "。

在你的服务器文件中，使用yargs从start方法的port选项(——port $ port)中获取值:

const argv = require('yargs').argv;
const app = require('express')();

const port = argv.port || 8081;

app.listen(argv.port, ()=>{
    console.log('Probably listening to heroku $PORT now ', argv.port); // unless $PORT is undefined, in which case you're listening to 8081.
});

现在当你的应用程序启动时，它将绑定到动态设置的值$PORT。

我使用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"
    })
  ]
};

我花了很多时间来寻找根本原因，最终我发现这个超时(60s)是可以调整的。在这里，你可以将60秒改为120秒，甚至更久。这对我有用，希望能帮助到其他人!

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

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

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