Развертывание сайта Angular 5 в Heroku - Ошибка - PullRequest
Новая
       26

Развертывание сайта Angular 5 в Heroku - Ошибка

0 голосов
/ 16 ноября 2018

Я развертываю свой веб-сайт Angular в Heroku и получаю cannot GET и следующие ошибки в консоли (сборка выполнена правильно):

Отказался от загрузки шрифта '', поскольку он нарушает следующее Директива политики безопасности контента: "default-src 'self'". Обратите внимание, что 'font-src' не был задан явно, поэтому 'default-src' используется как запасной вариант.

и

Отказался от загрузки изображения 'data: image / png; base64, WEIRD LETTERS =' потому что это нарушает следующую директиву политики безопасности контента: msgstr "default-src 'self'". Обратите внимание, что 'img-src' не был установлен явно, поэтому 'default-src' используется как запасной вариант.

и

Не удалось загрузить ресурс: сервер ответил со статусом 404 (Не найдено)

Server.js 

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

app.use(express.static(__dirname + "/dist"));
app.listen(process.env.PORT || 8080);

Packagae 

{
  "name": "myName",
  "version": "0.0.0",
  "license": "MT",
  "scirpts": {
    "ng": "ng",
    "start": "node server.js",
    "postinstall": "ng build --prod",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/cli": "~1.7.4",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/animations": "^5.2.0",
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@angular/router": "^5.2.0",
    "angular2-flash-messages": "^3.0.1",
    "angularfire2": "5.0.0-rc.6",
    "bootstrap": "^4.0.0",
    "bootswatch": "^4.1.3",
    "core-js": "^2.4.1",
    "express": "^4.16.4",
    "firebase": "4.9.0",
    "font-awesome": "^4.7.0",
    "jquery": "^3.3.1",
    "popper.js": "^1.14.4",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.19",
    "typescript": "~2.5.3"
  },
  "devDependencies": {
    "@angular/cli": "~1.7.4",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1"
  },
  "engines": {
    "node": "8.11.3",
    "npm": "5.6.0"
  }
}

Индекс 

<!DOCTYPE html>
<!-- Angular 5, Bootstrap 4 and Firebase -->
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>MyName</title>
    <base href="/" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
  </head>

  <body style="background-color: #FFF">
    <app-root></app-root>
  </body>
</html>

Я думаю, что ошибка связана с надежностью репозитория Github, но я не уверен в этом, и я не знаю, как ее решить.

...