Angular 4 app在生产时不会起作用

时间:2017-08-03 22:43:12

标签: angular

我正在尝试部署我的第一个Angular 4应用,而且我遇到了严重的问题。

每当我尝试加载应用时,都会收到此错误:

ng build --prod

我不知道如何调试它。

为了构建服务器,我运行了命令:ng server --prod

我也尝试过:SCRIPT5011: Can't execute code from a freed script polyfills.3ae08eaf6129a55130cb.bundle.js (1,30944) 实际上给了我两次这个错误,以及上面的错误

create

修改

我重新安装了Angular CLI并创建了一个新应用,我将旧代码(index.html和app文件)复制到新应用中并遇到了同样的问题。

只是为了确定我创建了另一个应用程序,没有做任何更改并运行它。

我现在可以肯定地说,我相信问题出现在我已经制作的代码中。但是我不知道在哪里看,我已经(确切地)搜索了我所改变的每个文件,并且没有ng build --prod --sourcemap=true属性。

有没有办法在不破坏代码的情况下构建我的应用程序以进行生产?

更新

我运行了The <template> element is deprecated. Use <ng-template> instead (" [WARNING ->]<template [ngIf]="!isClosed"> <div [class]="'alert alert-' + type" role="alert" [ngClass]="classes""): ng:///C:/Users/jamie/Desktop/play/node_modules/ngx-bootstrap/alert/alert.component.d.tsHash: 4607d21b2e5e9f27bd39 命令,并在日志开始时收到此警告

Unable to get property 'create'

弃用的代码会导致问题吗?

此外,在gamerfinder.net/dev上运行的构建是我从上面的命令获得的构建,我现在没有得到syntax error错误,而是我获得了{{1}}每个文件(您可以通过访问链接查看)。

应用can be found on GitHub的完整代码,适用于任何想要查看它的人。

1 个答案:

答案 0 :(得分:2)

我安装了您的项目,但遇到了构建问题。我通过将CLI更新为1.2.7来解决这个问题。这可能是因为您使用CLI的固定版本但使用最新的角度版本。我建议您使用^1.2.7作为CLI版本。

接下来我遇到了和你一样的问题。这很容易解决。从app.module.ts

中删除此行
platformBrowserDynamic().bootstrapModule(AppModule);

不应该在那里。

PS。你的代码有点乱。文件名用大写字母,忘记的分号等。我建议你阅读the style guide并在你的IDE中使用TSlint。