angular internet explorer

La aplicación Angular 4.0.0 construida por angular-cli 1.0.0 no funciona en IE11

Question

Intento ejecutar mi aplicación Angular 4 virgen creada por angular-cli 1.0.0 en Internet Explorer 11, pero no tengo éxito y obtengo el siguiente error:

Error: The "apply" property of an undefined or null reference can not be retrieved.

No tengo una biblioteca adicional instalada, es solo un nuevo proyecto generado. En Google Chrome está funcionando perfectamente. Mi paquete.json:

{
"name": "angi4testie",
"version": "0.0.0",
"license": "MIT",
"scripts": {
  "ng": "ng",
  "start": "ng serve",
  "build": "ng build",
  "test": "ng test",
  "lint": "ng lint",
  "e2e": "ng e2e"
},
"private": true,
"dependencies": {
  "@angular/common": "^4.0.0",
  "@angular/compiler": "^4.0.0",
  "@angular/core": "^4.0.0",
  "@angular/forms": "^4.0.0",
  "@angular/http": "^4.0.0",
  "@angular/platform-browser": "^4.0.0",
  "@angular/platform-browser-dynamic": "^4.0.0",
  "@angular/router": "^4.0.0",
  "core-js": "^2.4.1",
  "rxjs": "^5.1.0",
  "zone.js": "^0.8.4"
},
"devDependencies": {
  "@angular/cli": "1.0.0",
  "@angular/compiler-cli": "^4.0.0",
  "@types/jasmine": "2.5.38",
  "@types/node": "~6.0.60",
  "codelyzer": "~2.0.0",
  "jasmine-core": "~2.5.2",
  "jasmine-spec-reporter": "~3.2.0",
  "karma": "~1.4.1",
  "karma-chrome-launcher": "~2.0.0",
  "karma-cli": "~1.0.1",
  "karma-jasmine": "~1.1.0",
  "karma-jasmine-html-reporter": "^0.2.2",
  "karma-coverage-istanbul-reporter": "^0.2.0",
  "protractor": "~5.1.0",
  "ts-node": "~2.0.0",
  "tslint": "~4.5.0",
  "typescript": "~2.2.0"
}
}

Answer 1

Angular-CLI incluye un archivo en el directorio src / llamado pollyfills.ts.

 * BROWSER POLYFILLS
 */

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
import ''core-js/es6/symbol'';
import ''core-js/es6/object'';
import ''core-js/es7/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'';
import ''core-js/es7/array'';

Descomente todos los polyfills de IE en ese archivo y las cosas deberían funcionar a la perfección.

Answer 2

Es necesario un polyfill ES6 para IE 11. Por lo tanto, debe agregar una etiqueta de script para ese polyfill requerido para que su aplicación se ejecute en IE11.

Consulte la documentación para obtener orientación sobre la compatibilidad del navegador.