ctorParameters.la carte n'est pas une fonction dans angular2-mdl

Ressemble à cette question nécessite quelques éclaircissements:

Pourquoi voyons-nous ce message d'erreur?

Si une bibliothèque de composants pour angular2 veut être compatible avec AOT il doit être compilé avec ngc (@angulaire/compilateur-cli). Cela va générer *.les métadonnées.des fichiers json pour chaque composant. Aussi cela génère des fichiers js pour chaque composant qui comprend des informations sur les paramètres du constructeur. Si le paquet a été compilé avec une version de @angulaire/compilateur-cli < 2.3.0 ce serait (par exemple):

MdlBadgeDirective.ctorParameters = [
        { type: ElementRef, },
        { type: Renderer, },
];

Si le paquet est compilé avec une version plus récente, ce sera:

MdlBadgeDirective.ctorParameters = function () { return [
        { type: ElementRef, },
        { type: Renderer, },
]; };

Comme vous pouvez le voir la version la plus récente est une fonction et non plus un tableau. Donc l'erreur

ctorParameters.la carte n'est pas une fonction

de sens. Parce que la carte est un membre de tableau mais pas de fonction.

Comment résoudre ce Problème?:

1. Vous pouvez mettre à jour votre angulaire versions (ou packages d'essayer de compiler votre angular2 code) pour le nouveau compilateur format de sortie. E. g. au moins @angulaire/*@2.3.1. (Si vous utilisez angulaires-cli vous devez mettre à niveau votre projet [email protected])

2. Vous pouvez verrouiller le paquet que vous utilisez pour une version qui correspond à l'ancien compilateur format de sortie. Pour angular2-mdl c'est la version 2.7.0. Vous pouvez trouver cette information ici: https://github.com/mseemann/angular2-mdl#remarks.

Est-il possible d'utiliser un package qui a été compilé avec une ancienne angulaires-compilateur-cli avec une nouvelle angulaires-le compilateur version cli? (par exemple, vous êtes au angulaire 2.4.1 et que vous voulez utiliser [email protected] Oui! Cette direction est rétro-compatible. Voir https://github.com/angular/angular/blob/master/modules/%40angular/core/src/reflection/reflection_capabilities.ts#L80

OriginalL'auteur michael

J'ai été capable de comprendre la cause de ce problème en regardant le rapport d'erreur de ng build:

npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.

Cela m'a aidé à réaliser que l'un de mes paquets attendus Angulaire pour être à la v2.4.4, mais je suis en utilisant v2.0.1. J'ai mis à jour mon colis.json à la fois des paquets mis à ma version comme ceci:

"dependencies": {
    "@angular/core": "2.0.1",
    "@angular/platform-server": "2.0.1",
}

Votre question ne pourrait pas être avec @angulaire de la plate-forme serveur, mais j'espère que cela aide le débogage

OriginalL'auteur AJ Zane

après la mise à niveau vers angulaire 2.4.6 il fonctionne bien

 "dependencies": {
    "@angular/common": "2.4.6",
    "@angular/compiler": "2.4.6",
    "@angular/compiler-cli":"2.4.6",
    "@angular/core": "^2.4.6",
    "@angular/forms": "2.4.6",
    "@angular/http": "2.4.6",
    "@angular/platform-browser":"2.4.6",
    "@angular/platform-browser-dynamic":"2.4.6",
    "@angular/platform-server":"2.4.6",
    "@ionic/storage": "1.1.6",
    "@types/jasmine": "2.5.37",
    "@types/moment-timezone": "^0.2.34",
    "@types/request": "0.0.33",
    "angular-qrcode": "^6.2.1",
    "angular2-fullcalendar": "^1.1.1",
    "angular2-qrcode": "^2.0.0",
    "angularfire2": "2.0.0-beta.6",
    "ionic-angular": "^2.0.0-201702062042",
    "ionic-native": "2.2.3",
    "ionicons": "3.0.0",
    "moment": "^2.17.0",
    "ng2-signalr": "^2.0.3",
    "rxjs": "5.1.0",
    "zone.js": "0.7.6"
  },

OriginalL'auteur Amr Ibrahim