Angular 5 и IE11 проблемы, которые требуют прокладок для IE

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.

Как я могу решить эту проблему'System' is undefined проблема в IE11?

Answer 1

Для не CLI

Для импорта без CLI * shim.min.js in index.html

<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 файл, как упомянуто здесь

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