Nginx中的Angular 4應用無法加載文件

Question

我已經使用Nginx部署了angular 4應用程序。 但是它無法加載js，css和其他文件。 我在控制台中看到這些錯誤

未捕獲到的SyntaxError：意外令牌<inline.bundle.js：1

未捕獲到的SyntaxError：意外的令牌<polyfills.bundle.js：1

未捕獲到的SyntaxError：意外的令牌<scripts.bundle.js：1

未被捕獲的ReferenceError：未在styles.bundle.js：1處定義webpackJsonp。styles.bundle.js：1（匿名）@ styles.bundle.js：1

未捕獲到的SyntaxError：意外的令牌<vendor.bundle.js：1

未捕獲的ReferenceError：未在main.bundle.js：1上定義webpackJsonp。main.bundle.js：1

我的nginx配置：

 server {
     listen 80 default_server;
     listen [::]:80 default_server;


     root /var/www/html;

     # Add index.php to the list if you are using PHP
     index index.html index.htm index.nginx-debian.html;

     server_name _;
      location / {
             # First attempt to serve request as file, then
             # as directory, then fall back to displaying a 404.
             #alias /web-portal/;

             root /var/www/html/web-portal/;
             try_files  $uri$args $uri$args/  /index.html =404;
     }

 }

請幫助我解決這個問題！

Answer 1

它似乎與“ Angular App中的語法錯誤：意外令牌< ”重復。

請檢查（和/或與我們分享）您項目中的base href屬性。

這可能與您的問題有關。