在所有我尝试过的解决方案中，没有人能像预期的那样工作，我研究了heroku默认情况下的。env文件应该保持约定的端口，进程。env。PORT, heroku默认情况下会寻找关键字PORT。

取消任何重命名，例如APP_PORT=，而是在env文件中使用PORT=。

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

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

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

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

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

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

worker: YOUR_COMMAND

然后在CLI上运行:

heroku scale worker=1

对我来说，问题在于资本化。你知道，在数小时的编码之后，你的眼睛会错过一些小细节。

在我的代码中，我使用process.env.port而不是process.env。PORT，所以要注意，PORT环境变量必须是大写的。

请看下面的例子:

const PORT = process.env.PORT || 3000;
const HOST = process.env.HOST || '0.0.0.0';

const express = require('express');
const app = express();

app.listen(PORT, HOST, () => {
      console.log('Server started on ' + HOST + ':' + 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"
    })
  ]
};