IE中的角度应用空页面，但适用于Chrome

Question

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

Screenshot of Empty Page in Internet Explorer

Screenshot of How it loads in Chrome

Answer 1

在这里找到了答案：

Angular4 Application running issues in IE11

转到Polyfills.js文件夹下的src文件，然后根据该文件中的说明取消注释以下行：

/** IE9, IE10 and IE11 requires all of the following polyfills. **/ import 'core-js/es6/symbol'; import 'core-js/es6/object'; import 'core-js/es6/function'; import 'core-js/es6/parse-int'; import 'core-js/es6/parse-float'; import 'core-js/es6/number'; import 'core-js/es6/math'; import 'core-js/es6/string'; import 'core-js/es6/date'; import 'core-js/es6/array'; import 'core-js/es6/regexp'; import 'core-js/es6/map'; import 'core-js/es6/set';

Answer 2

第1步：

Include or uncomment the below lines in pollyfills.ts below which is under src folder


> import 'classlist.js';  import 'web-animations-js'; (window as
> any).__Zone_enable_cross_context_check = true; import
> 'zone.js/dist/zone';

第2步：

Run `npm install --save classlist.js`. 
Run `npm install --save web-animations-js`.

步骤3：如下所示，将tsconfig.json文件中的target值从es2015更改为es5

“目标”：“ es5”，

第4步：

Restart your application by doing ng serve

Answer 3

你的ie版本是什么。

在官方网站上它只支持9,10,11

了解详情：https://angular.io/guide/browser-support