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属性。

这可能与您的问题有关。