Ошибка R10 (время загрузки) -> Веб-процессу не удалось привязаться к $ PORT в течение 60 секунд после запуска (Angular)

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.

У меня есть favico, определенный в angular.json

, и я использую в моем HTML

Answer 1

Вы разрабатываете веб-сайт c. Веб-сервер не требуется. Веб-сайты Stati c можно размещать, например, на страницах GitHub.

Веб-сервер может обслуживать контент c, но я сомневаюсь, имеет ли это смысл. При записи логики c для веб-сервера вы слушаете на $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 в package.json: "startserver": "node server.js". Создайте Procfile с содержанием web: npm run startserver.