IE中的角度应用空页面,但适用于Chrome
我已经开始学习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
小智 22
我正在使用 IE11 在 Windows 10 中运行 angular 8 应用程序。
我尝试了许多来自 stackoverflow 的解决方案。但没有任何作用。然后我分别尝试了相同的解决方案，然后我得出了一个结论。
这是我的最终解决方案。我不知道有多少人会起作用。但对我来说它奏效了。
1. tsconfig.json
"target": "es2015"
变成
"target": "es5"
2. 重新启动您的应用程序。这个 强制性的。
- 补充一下，IE 不支持 es2015 (es6)，因此会出现空白页面问题。 (2认同)
Baa*_*ali 10
在这里找到了答案:
转到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';
- 我取消了 pollyfills 的注释，甚至尝试在 index.html 中添加元，但我仍然面临同样的问题。 (3认同)
- 我还必须将 `<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />` 放在 `index.html` 的标题中 (2认同)
小智 5
步骤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
| 归档时间： |
|
| 查看次数： |
6585 次 |
| 最近记录： |