Angular 5 应用程序适用于 prod 构建，但不适用于 dev 构建答案

【问题标题】：Angular 5 application works with prod build, but not the dev buildAngular 5 应用程序适用于 prod 构建，但不适用于 dev 构建
【发布时间】：2018-08-17 21:15:04
【问题描述】：

我有一个 Angular 5 应用程序，所有的 polyfill 都可以在 IE 上工作，我的目标是 es5 而不是 es6。使用 prod 构建一切正常，但使用 dev 构建它无法通过 IE 中的“加载...”。控制台中没有出现错误。 ng serve --prod 与阻止 IE 运行应用程序的 ng serve 有何不同？

【问题讨论】：

您是否尝试过其他浏览器（例如 chrome）？ ng serve --prod IIRC 也启用了 AOT。
chrome 一直运行良好，只有 ng serve 和 ng serve --prod。只是 IE 无法与简单的 ng serve 一起使用。完成后 ng serve --aot=true IE 开始工作

标签： angular

【解决方案1】：

cli 文档说

ES2015 支持。

要在 ES2015 模式下构建，请编辑 ./tsconfig.json 以使用“target”：“es2015”（而不是 es5）。

这将导致应用程序 TypeScript 和 Uglify 输出为 ES2015，如果可用，则通过 package.json 中的 es2015 条目加载第三方库。

请注意，JIT 不支持 ES2015，因此您应该使用 --aot 构建/服务您的应用程序。详情请见https://github.com/angular/angular-cli/issues/7797。

您确定tsconfig.json 文件吗？

【讨论】：

感谢您的信息，好东西要知道。但是，在将 tsconfig.ts 更改为目标 es2015 而不是 es5 后，它仍然无法在 IE 中运行。 ng serve -aot 也不行
当我需要在本地测试 IE 内容并使用测试 api 调用为 prod 构建创建新环境 ts 文件时，我想我会咬紧牙关做一个 prod 构建。 .ng serve --prod -o --environment=EnvironmentForIETesting
我将我的 tsconfig 改回 es5（我可能使用的是旧版本的 angular cli？），然后运行 ng serve --aot=true 而不仅仅是 ng serve --aot 并且它可以工作。奇怪的小差异...