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

我的问题是当部署到heroku时，我得到了一个错误:

Web进程在启动后60秒内未能绑定到$PORT

当运行heroku日志时——终端中的tail。但是当我在本地运行服务器时，应用程序将按预期运行。

我在index.js文件(服务器文件)中有这个

const PORT = process.env.port || 4000

app.listen(PORT, () => {
  console.log(`Server listening on port ${PORT}`)
})

但是应该有这个

const PORT = process.env.PORT || 4000

app.listen(PORT, () => {
  console.log(`Server listening on port ${PORT}`)
})

使用process.env。PORT，而不是process.env。port，因为port和port显然不一样。

这是格兰桑特的功劳。

使用process.env.PORT || 3000作为端口。

这将在可用时使用Heroku的端口，如果不可用则使用端口3000(例如，本地测试)

您可以将3000更改为您想要的任何值，例如8080

值得一提的是，如果你的代码没有指定端口，那么它就不应该是一个web进程，而应该是一个工作进程。

因此，将你的Procfile更改为read(填入你的特定命令):

worker: YOUR_COMMAND

然后在CLI上运行:

heroku scale worker=1

我意识到在请求端点中不需要端口号，因此端点是herokuapp.com，而不是herokuapp.com:5000。

listen()调用可以没有host和callback:

server.listen(5000);

如果您像我一样，正在配置Heroku以运行包中的脚本。json文件部署，确保你没有硬编码的值PORT在该脚本!如果您这样做了，您就会像我一样，花一个小时试图弄清楚为什么会得到这个错误。