Angular2 IE11 Impossible d'obtenir la propriété 'apply' d'une référence non définie ou nulle

Question

J'obtiens l'erreur suivante après avoir mis à niveau mes paquets angular2 vers les versions suivantes :

• @angular/common" : "^2.3.1
• @angular/compiler" : "^2.3.1
• @angular/core" : "^2.3.1
• @angular/forms" : "^2.3.1
• @angular/http" : "^2.3.1
• @angular/platform-browser" : "^2.3.1"
• @angular/platform-browser-dynamic" : "^2.3.1
• @angular/platform-server" : "^2.3.1
• @angular/router" : "^3.3.1

Erreur : Unable to get property 'apply' of undefined or null reference

Je n'obtiens cette erreur que dans IE11, dans Chrome cela fonctionne bien.

J'ai fait quelques recherches et la ligne qui provoque l'erreur se trouve dans le module angular/common :

function combine(options) {
  return (_a = ((Object))).assign.apply(_a, [{}].concat(options));
  var _a;
}

Le fichier dactylographié :

@angular/common/src/pipes/intl.ts ligne 175

function combine(options: Intl.DateTimeFormatOptions[]): Intl.DateTimeFormatOptions {
  return (<any>Object).assign({}, ...options);
}

Le code qui appelle le combine La fonction est @angular/common/src/pipes/intl.ts ligne 48 :

'yMMMdjms': datePartGetterFactory(combine([

---

UPDATE

Il semble que l'erreur réelle soit que le .assign n'est pas implémentée dans IE11

Answer 1

Si vous utilisez @angular/cli et que vous avez l'intention de prendre en charge IE9-11, vous pouvez modifier le fichier src/polyfills.ts pour activer les polyfills appropriés. Les polyfills nécessaires sont déjà dans le fichier, il suffit donc de les décommenter.

Par défaut @angular/cli Les projets ciblent d'emblée les navigateurs "evergreen", ce qui signifie que IE n'est pas immédiatement pris en charge, mais que vous pouvez ajouter une prise en charge en important des polyfills pour les fonctionnalités dont vous avez besoin.

Answer 2

Angular est dépendant de core-js . Ainsi, vous pouvez utiliser Objet.assign polyfills à partir de celui-ci :

import "core-js/client/shim"; // or load it before other angular2 & zone.js stuff
import "zone.js";
import "reflect-metadata";

Answer 3

C'est vraiment ennuyeux que le Tutoriel sur les matériaux angulaires ne mentionne pas ce problème. Toute personne utilisant IE11 et suivant leur tutoriel rencontrera ce problème.

La solution, comme d'autres l'ont mentionné, est simplement de décommenter ces lignes dans le fichier de projet polyfills.ts fichier.

Mais vraiment, cela aurait dû être mentionné dans leur tutoriel.

Je passe beaucoup trop d'heures sur Google pour trouver des solutions à ces problèmes Angular...

Answer 4

Selon MDN Object.assign() Compatibilité des navigateurs IE n'est pas pris en charge.

Vous pouvez importer le Object.assign polyfill par MDN avec npm. ( mdn-polyfills )

Cours : npm i mdn-polyfills --save

Utilisez : import 'mdn-polyfills/Object.assign';

Answer 5

Pour travailler dans le navigateur IE

Étape 1 : Cours : npm i mdn-polyfills --save

Étape 2 : Ouvrir polyfills.ts

Étape 3 : UnComment les importations dans le fichier sous /** IE9, IE10 et IE11 requiert tous les polyfills suivants. **/