web-dev-qa-db-de.com

Angular4 Anwendungsprobleme in IE11

Ich baue ein Angular4-Projekt mit Angular CLI (1.1.2). Es läuft einwandfrei in Chrome (Version 59.0.3071.115) und Firefox (54.0.1), aber wenn ich versuchte, IE11 (Verison 11.0.9600.18738) zu verwenden, wird nichts angezeigt und wenn ich den Develper-Modus im IE öffne, wird der folgende Fehler angezeigt :

SCRIPT5022: Exception thrown and not caught
File: polyfills.bundle.js, Line: 829, Column: 34

Und die detaillierte Fehlermeldung lautet:

 enter image description here

Weiß jemand, wie man dieses Problem löst?

Vielen Dank!

63
Zeqing Zhang

Die Standard-Datei polyfills.ts ist kommentiert. Sie müssen die Codezeilen auskommentieren und npm das entsprechende Modul installieren. Dann wird es mit dem IE11 kompatibel sein

59
Zeqing Zhang

Weitere Details zur @ Zeqing-Antwort hinzufügen.

Ich habe die folgende Codezeile in .\my-app\src\polyfills.ts unkommentiert:

/** 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';
72
Switch

Ich habe es bekommen, als ich versuchte, einen es7-Import hinzuzufügen. Ich habe den es6-Import einfach durch den es7-Import ersetzt. Es stellte sich heraus, dass ich beides brauchte.

Gibt mir die Fehlermeldung "Ausnahme ausgelöst und nicht abgefangen": 

import 'core-js/es7/array';

Funktioniert gut: 

import 'core-js/es6/array';
import 'core-js/es7/array';
8
adamdport

Nach dem Kommentieren von Importen in Polyfills ... müssen Sie auch einige Pakete installieren, damit die App ordnungsgemäß funktioniert. Bitte überprüfen Sie den folgenden Link:

https://blog.angularindepth.com/angular-and-internet-Explorer-5e59bb6fb4e9

0
Muhammad Haseeb