javascript - 需要 IE 垫片的 Angular 5 和 IE11 问题

Question

我正在使用 Angular 5 并尝试在 IE11 中运行我的应用程序。我已取消注释 .\my-app\src\polyfills.ts 中的必要代码，但不幸的是我在与此代码相关的 index.html 文件中收到以下错误:

<script>
  System.import('main.js').catch(function(err){ console.error(err); });
</script>

Error: 'System' is undefined

我环顾四周，发现了以下可能修复的 Github 问题:

https://github.com/angular/angular/issues/7144

在此线程中，它提到我需要在我的 index.html 文件中包含:

shims_for_IE.js

现在，我正在使用 Angular 5，但我不确定在哪里可以找到这个 shims_for_IE.js 文件，以便将它放在我的 index.html 文件中。

如何解决 IE11 中的'System' is undefined 问题？

Answer 1

对于非 CLI

对于非 CLI 项目，在 index.html 中导入 shim.min.js

<script src="node_modules/core-js/client/shim.min.js"></script>

用于 CLI

在你的 polyfills.ts 中取消注释这些行

/***************************************************************************************************
 * BROWSER POLYFILLS
 */

/** IE9, IE10, IE11, and Chrome <55 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/weak-map';
import 'core-js/es6/set';

在 index.html 文件中添加此元标记，如前所述 here

 <meta http-equiv="X-UA-Compatible" content="IE=edge" />