Angular4 Problèmes d'exécution d'applications dans IE11

Question

Je fais construire une Angular4 projet à l'aide Angulaire de la CLI (1.1.2). Il fonctionne parfaitement dans google Chrome (Version 59.0.3071.115) et firefox(54.0.1) mais quand j'ai essayé d'utiliser IE11 (Verison 11.0.9600.18738) rien ne s'affiche et quand j'ai ouvert le develper mode dans IE, il m'indique l'Erreur suivante:

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

Et le message d'Erreur détaillé est le suivant:

Quelqu'un sait comment résoudre ce problème?

Merci!

Answer 1

Pour ajouter plus de détails à la réponse de @ Zeqing.

J'ai décommenté la ligne de codes suivante en .\my-app\src\polyfills.ts :

 /** 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

Le fichier polyfills.ts par défaut est commenté et doit supprimer les lignes de code et comment exécuter npm, installer le module correspondant. Ensuite, il sera compatible avec le IE11

Answer 3

Je l'ai eu quand j'ai essayé d'ajouter une importation es7. J'ai simplement remplacé l'importation es6 par l'importation es7. Il s'avère que j'avais besoin des deux.

Me donne l'erreur "Exception levée et non attrapée":

 import 'core-js/es7/array';
 

Fonctionne bien:

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

Answer 4

Après avoir éliminé les importations dans les polyfill ..., vous devez également installer certains paquets pour que l'application fonctionne correctement. Veuillez vérifier le lien ci-dessous:

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