IE 中的 Angular App 空白页面但在 Chrome 中有效

标签 angular

我已经开始学习 Angular 4 并使用 Angular CLI (NG New HelloWorld) 编写了一个默认应用程序。当我编写 ng serve 并浏览到 http://localhost:4200/ 时,页面在 Chrome 中加载正常,但是在 IE-Edge,它打开为一个空白页面。 IE 的控制台窗口中出现错误 SCRIPT5022: Exception thrown and not catched 文件:polyfills.bundle.js,行:859,列:36。 这是预期的吗?

Internet Explorer 中空白页面的屏幕截图

Internet Explorer = Edge

在 Chrome 中如何加载的屏幕截图

Chrome

最佳答案

我在带有 IE11 的 Windows 10 中运行 Angular 8 应用程序。

我尝试了很多来自 stackoverflow 的解决方案。但是没有任何作用。然后我分别尝试了相同的解决方案,然后我得出了一个结论。

这是我的最终解决方案。我不知道它会工作多少人。但对我来说它奏效了。

<强>1。 tsconfig.json

"target": "es2015"

改为

"target": "es5"

<强>2。重新启动您的应用程序。这是强制性的。

关于IE 中的 Angular App 空白页面但在 Chrome 中有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46657410/

相关文章:

html - 点击ngFor li的 Angular 变化背景

angular - 无法解析 ApplicationModule : (? 的所有参数)

javascript - Chrome 调试器不适用于 typescript 文件

javascript - 与 Angular (4.0.0) 和 Material 2.0.0-beta.8 的数据绑定(bind)

Http,使用 rxjs 和 angular2 从服务器获取响应

angular - 在 Angular 8 项目中使用对象哈希会导致 "Cannot read property ' crypto' of undefined”错误

javascript - Angular2 应用程序未在移动设备上显示加载文本

javascript - 在组件中更新绑定(bind)变量时,Angular 6 style.property 或 ngStyle 不更新

angular - 如何将子组件设置为路由器导出的默认路由?

Angular:WAITING加载异步数据的正确方法