错误R10（引导超时）-> Web进程在启动后60秒内未能绑定到$ PORT（角度）

Question

我正在开发Angular 7应用程序，并尝试将其连接到Heroku（我是Heroku的新手）

当我尝试在Heroku上运行应用程序时，出现以下错误：

我没有服务器端。只有前端。

我该如何解决？

[编辑]：

server.js现在可以正常工作。

问题现在出现以下错误，并且网页无法加载： Refused to load the image 'https://games-dos.herokuapp.com/favicon.ico' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.

我确实在angular.json下定义了favico

我正在使用的是HTML

Answer 1

您正在开发一个静态网站。不需要Web服务器。静态网站可以托管在例如GitHub页面。

Web服务器可以提供静态内容，但是我怀疑这是否有意义。 在为Web服务器编写逻辑时，您会在$PORT上进行侦听。它是Heroku提供的环境变量。您没有对此绑定，因此出现错误。

如果我是你，我会改变主意。如果您仍然想在Heroku上托管，则需要遵循以下步骤：

var express = require('express');
var app = express();
var path = require('path');

app.use(express.static(path.join(__dirname, 'build'))); // <-- this is pointing to your static html, css and js files

app.listen(process.env.PORT || 80);

命名为server.js。在scripts的{​​{1}}中创建一个新条目：package.json。创建包含内容"startserver": "node server.js"的Procfile。