change - Problemas de ejecución de la aplicación Angular4 en IE11

angularjs browser compatibility

Question

Estoy construyendo un proyecto Angular4 usando Angular CLI (1.1.2). Funciona perfectamente en Chrome (Versión 59.0.3071.115) y firefox (54.0.1) pero cuando traté de usar IE11 (Verison 11.0.9600.18738) no aparece nada y cuando abro el modo de revelador en IE, me muestra el siguiente error :

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

Y el mensaje de error detallado es el siguiente:

¿Alguien sabe cómo resolver este problema?

¡Gracias!

Answer 1

Después de descomentar las importaciones en polyfills ... también debe instalar algunos paquetes para que la aplicación funcione correctamente. Por favor, consulte el siguiente enlace:

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

Answer 2

El archivo polyfills.ts predeterminado está comentado y necesita descomentar líneas de código y ejecutar npm para instalar el módulo correspondiente. Entonces será compatible con el IE11

Answer 3

Obtuve esto cuando intenté agregar una importación de es7. Simplemente reemplacé la importación es6 con la importación es7. Resulta que necesitaba los dos.

Me da el error "Excepción lanzada y no atrapada":

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

Funciona bien:

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

Answer 4

Para agregar más detalles a la respuesta de @ Zeqing.

Descomenté la siguiente línea de códigos 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'';