使用 --prod-flag 时角度构建中断答案

【问题标题】：Angular build breaks when using --prod-flag使用 --prod-flag 时角度构建中断
【发布时间】：2017-11-30 13:47:04
【问题描述】：

我使用 angular-cli 构建的 Angular 4 运行通过，我可以启动应用程序，但是很多组件无法正确加载。我的控制台充满了这些错误消息：

Expected function name "for", was ""
Expected function name "keyFor", was ""
Expected function name "next", was ""
Expected function name "next", was ""
Expected function name "clear", was ""
Expected function name "delete", was ""
Expected function name "entries", was ""
Expected function name "forEach", was ""
Expected function name "get", was ""
Expected function name "has", was ""
Expected function name "keys", was ""
Expected function name "set", was ""
Expected function name "values", was ""
Expected function name "next", was ""
Expected function name "add", was ""
Expected function name "clear", was ""
Expected function name "delete", was ""
Expected function name "entries", was ""
Expected function name "forEach", was ""
Expected function name "has", was ""
Expected function name "values", was ""
Expected function name "next", was ""
Expected function name "delete", was ""
Expected function name "get", was ""
Expected function name "has", was ""
Expected function name "set", was ""
Expected function name "add", was ""
Expected function name "delete", was ""
Expected function name "has", was ""
Expected function name "all", was ""
Expected function name "race", was ""
Expected function name "reject", was ""
Expected function name "resolve", was ""
Expected function name "catch", was ""
Expected function name "then", was ""

有人知道从哪里开始追踪这个吗？

【问题讨论】：

你在使用 angular-cli 吗？
是的，抱歉忘记了。我会在问题中编辑它

标签： angular build angular2-aot

【解决方案1】：

答案是双重的，我在问题中发布的错误是指我加载的 polyfill（显然不应该）：js-polyfills 从我的 polyfills.ts 中删除它之后错误消失了。

然而，这并没有解决我的应用程序中的错误。经过更多测试后，我发现问题在于我使用someObject.constructor.name === 'someString'。 angular-cli-compiler 在构建过程之后运行 UglifyJS 并因此更改类和构造函数名称。用类中的显式 type-field 替换它解决了我遇到的错误。另见：https://github.com/angular/angular-cli/issues/5168

【讨论】：