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

在我的代码中，我使用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);
})

Heroku动态地为你的应用程序分配端口，所以你不能将端口设置为一个固定的数字。Heroku将端口添加到env，所以你可以从那里拉它。让我们来听听这个:

.listen(process.env.PORT || 5000)

这样，当你在本地测试时，它仍然会监听端口5000，但它也可以在Heroku上工作。重要提示- PORT字必须大写。

你可以在这里查看Node.js上的Heroku文档。

在我的例子中，我使用Babel plugin-transform-inline-environment-variables插件。显然，Heroku在进行部署时没有设置PORT env变量，因此process.env.PORT将被undefined取代，并且您的代码将回退到Heroku不知道的开发端口。

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

在我的代码中，我使用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);
})

在你的包裹里。json文件，在脚本中，确保你的启动脚本包含-p $PORT。

包的示例。json(在这种情况下，为NextJS应用程序):

{
  "private": true,
  "scripts": {
    "dev": "next dev -p 3001",
    "build": "next build",
    "start": "next start -p $PORT" // make sure to have -p $PORT in here
  },
  "dependencies": {
    "typescript": "^4.3.2"
  },
  "devDependencies": {
    "@next/eslint-plugin-next": "^11.1.2",
    "@types/mongoose": "^5.11.97"
    "typescript": "^4.3.2"
  }
  "license": "MIT"
}

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

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