部署使用ng-cli构建的Angular 2应用程序不起作用

我正在使用ng-cli v1.0.0-beta.32.3。我已经在本地测试了应用程序，并且一切正常我准备部署到网络服务器（nginx v1.10.1）。我已经构建了我的应用程序如下。部署使用ng-cli构建的Angular 2应用程序不起作用

ng build -prod

然后我按照如下方式安装和修改/etc/nginx/nginx.conf。这是除server_name和root值之外的默认配置。

user nginx; 
worker_processes auto; 
error_log /var/log/nginx/error.log; 
pid /var/run/nginx.pid; 

include /usr/share/nginx/modules/*.conf; 

events { 
    worker_connections 1024; 
} 

http { 
    log_format main '$remote_addr - $remote_user [$time_local] "$request" ' 
         '$status $body_bytes_sent "$http_referer" ' 
         '"$http_user_agent" "$http_x_forwarded_for"'; 

    access_log /var/log/nginx/access.log main; 

    sendfile   on; 
    tcp_nopush   on; 
    tcp_nodelay   on; 
    keepalive_timeout 65; 
    types_hash_max_size 2048; 

    include    /etc/nginx/mime.types; 
    default_type  application/octet-stream; 

    include /etc/nginx/conf.d/*.conf; 

    index index.html index.htm; 

    server { 
     listen  80 default_server; 
     listen  [::]:80 default_server; 
     server_name mydomain.io www.mydomain.io; 
     root   /data/myapp-www; 

     # Load configuration files for the default server block. 
     include /etc/nginx/default.d/*.conf; 

     location/{ 
     } 

     error_page 404 /404.html; 
      location = /40x.html { 
     } 

     error_page 500 502 503 504 /50x.html; 
      location = /50x.html { 
     } 
    } 
}

当我尝试访问网站时，我收到以下消息。

 
EXCEPTION: Uncaught (in promise): Error: DI Error 
Error: DI Error 
    at e.d (http://www.mydomain.io/polyfills.d946e5067bfdbad71862.bundle.js:36:2213) 
    at e [as constructor] (http://www.mydomain.io/vendor.92d15c6580f9163ad6fb.bundle.js:470:508) 
    at e [as constructor] (http://www.mydomain.io/vendor.92d15c6580f9163ad6fb.bundle.js:926:228) 
    at new e (http://www.mydomain.io/vendor.92d15c6580f9163ad6fb.bundle.js:926:555) 
    at t._throwOrNull (http://www.mydomain.io/vendor.92d15c6580f9163ad6fb.bundle.js:1247:2766) 
    at t._getByKeyDefault (http://www.mydomain.io/vendor.92d15c6580f9163ad6fb.bundle.js:1247:3104) 
    at t._getByKey (http://www.mydomain.io/vendor.92d15c6580f9163ad6fb.bundle.js:1247:2485) 
    at t.get (http://www.mydomain.io/vendor.92d15c6580f9163ad6fb.bundle.js:1247:848) 
    at e.get [as _CookieService_62] (http://www.mydomain.io/main.d6b9261dcd8e4e58fa99.bundle.js:5:23993) 
    at e.get [as _PersistenceService_63] (http://www.mydomain.io/main.d6b9261dcd8e4e58fa99.bundle.js:5:24234) 
    at e.get [as _mydomainService_64] (http://www.mydomain.io/main.d6b9261dcd8e4e58fa99.bundle.js:5:24488) 
    at e.getInternal (http://www.mydomain.io/main.d6b9261dcd8e4e58fa99.bundle.js:5:28132) 
    at e.get (http://www.mydomain.io/vendor.92d15c6580f9163ad6fb.bundle.js:668:1102) 
    at e.t.injectorGet (http://www.mydomain.io/vendor.92d15c6580f9163ad6fb.bundle.js:113:1750) 
    at e.get (http://www.mydomain.io/vendor.92d15c6580f9163ad6fb.bundle.js:1254:350) 
t.handleError @ vendor.92d15c6….bundle.js:654 
next @ vendor.92d15c6….bundle.js:456 
e.object.o @ vendor.92d15c6….bundle.js:661 
e.__tryOrUnsub @ vendor.92d15c6….bundle.js:1 
e.next @ vendor.92d15c6….bundle.js:1 
e._next @ vendor.92d15c6….bundle.js:1 
e.next @ vendor.92d15c6….bundle.js:1 
e.next @ vendor.92d15c6….bundle.js:8 
e.emit @ vendor.92d15c6….bundle.js:661 
t.triggerError @ vendor.92d15c6….bundle.js:379 
onHandleError @ vendor.92d15c6….bundle.js:379 
t.handleError @ polyfills.d946e50….bundle.js:36 
n.runGuarded @ polyfills.d946e50….bundle.js:36 
r @ polyfills.d946e50….bundle.js:36 
i @ polyfills.d946e50….bundle.js:36

我的index.html文件如下所示。

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>My App</title> 
    <base href="/"> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
<link href="styles.4d956e5c8b5af5fd67b3.bundle.css" rel="stylesheet"/></head> 
<body> 
    <app-root></app-root> 
<script type="text/javascript" src="inline.8ba963ff286f59f238cc.bundle.js"></script><script type="text/javascript" src="polyfills.d946e5067bfdbad71862.bundle.js"></script><script type="text/javascript" src="scripts.bb730b805dc244f77e93.bundle.js"></script><script type="text/javascript" src="vendor.92d15c6580f9163ad6fb.bundle.js"></script><script type="text/javascript" src="main.d6b9261dcd8e4e58fa99.bundle.js"></script></body> 
</html>

来源

2017-03-10 Jane Wayne

请考虑升级到ng-cli RC。 –

我使用的版本有错误吗？每次我升级ng-cli时，项目结构的新变化和/或新变化都会改变。 –

@JaneWayne令人沮丧，我知道，但它是在测试版。 – Kilmazing

FWIW，我切换从angular2-cookie到ng2-cookies解决了这个问题。我从angular2-cookie宣布并注入了CookieService，这种依赖导致了所有的头痛。当我简单地删除了这种依赖关系（并且使用ng2-cookies代替操作cookie）时，这个问题就消失了。我没有时间深入研究这个问题，但对我而言，我以这种方式解决了这个问题。

来源

2017-03-17 01:19:14

部署使用ng-cli构建的Angular 2应用程序不起作用

回答

相关问题