Erreur TS2315: Type 'ElementRef" n'est pas de matériau générique angulaire

ERREUR dans
node_modules/@angulaire/matériel/bouton-bascule/typings/bouton-bascule.d.ts(136,20):

erreur TS2315: Type 'ElementRef" n'est pas générique.

node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(154,104):

erreur TS2315: Type 'ElementRef" n'est pas générique

Je suis en train d'installer le matériel, mais il semble que l'erreur.

De DONNÉES:

Angular CLI: 1.7.4
Node: 9.11.1
Il y a un bug enregistré dans github contre @angular/material pour cette. Pour nous, pour vous aider, vous devez nous montrer votre tout package.json, bien que je soupçonne que la réponse dans le bug je l'ai lié permettra de résoudre votre problème. Pour info La version de nœud que vous exécutez est largement hors de propos pour ce genre de problème parce que les paquets de spécifier la version du moteur ils peuvent s'exécuter sur.

OriginalL'auteur Nilson Nieto | 2018-04-25

  1. 24

    Le meilleur moyen ici est de changer tout votre matériel de dépendances pour correspondre angulaire pour ceux d'entre vous qui ont angulaire 5.2.0 suivre cette

    INITIALE

    "dependencies": {
  "@angular/core": "^5.2.0",
  "@angular/cdk": "^6.0.1",
  "@angular/material": "^6.0.1"    
}

    il suffit de changer ces quelque soit la version actuelle de l'autre des composants angulaires sont.

    FINAL

    "dependencies": {
  "@angular/core": "^5.2.0",
  "@angular/cdk": "^5.2.0",
  "@angular/material": "^5.2.0"    
}

    PUIS faire npm install

    Il a travaillé pour moi. Merci @moze roi. Vous avez sauvé ma journée. – karunakar bhogyari viens de modifier
    A fonctionné pour moi aussi. Merci!!

    OriginalL'auteur moze king

  2. 7

    Cela se produit lorsque toutes vos angulaire packagage dans une version et de matériel d'emballage dans une autre version.

    J'ai été confronté à ce quand mon angulaire package de la version 5.2 et matériel de la version 6.0
    j'ai donc changé le matériel version 5.1 et le problème est résolu.

    Il a travaillé pour moi. Je vous remercie.

    OriginalL'auteur John Nero

  3. 2

    J'ai eu les mêmes problèmes, mais déclassement mon @angulaire/matériel à la version 5.0 travaillé.
    Vous pouvez essayer ça.

    OriginalL'auteur Hamdalah

  4. 2

    OK, voici comment je l'ai résolu:
    Première étape:

    • exécuter npm update -D et npm update -S
      Mais je ne pense pas que cela était nécessaire, car le problème était toujours là.

    Étape de remorquage:

    npm install -g @angular/cli@latest
ng update

    La Commande complainded que je nécessaire à l'exécution (si je l'ai fait):

    ng update @angular/cli

    Après avoir essayé: ng serve j'ai eu une erreur puisque "hammerjs" n'a pas été installé, donc je lance (mais c'est peut-être pas à votre cas):

    npm install hammerjs --save

    et
    npm install @types/hammerjs --save-dev

    Je ne comprends pas le point de --save-dev, mais j'ai fait de cette façon. Sa compilation maintenant.

    Ce dernier hammerjs chose a été trouvé ici:
    Module non trouvé: Erreur: ne Peut pas résoudre 'hammerjs'

    Espérons que cette aide.

    J'ai également exécuter "npm install --save @anguleuse/matière @angulaire/cdk", à partir de stackoverflow.com/questions/46885008/... Mais je pense que c'était à cause d'un autre problème.
    Encore une fois, de ses beaucoup de commandes, mais c'est la façon que j'ai trouvée pour mettre à jour tout le reste et pas besoin de rétrograder.

    OriginalL'auteur yehuda mazal

  5. 1

    Cette erreur se produit quand il ya une erreur dans votre angulaire de la version et de matériel de version.
    Pour voir l'erreur d'aller sur l'emballage.fichier json où vous pouvez trouver l'angle et la version du matériel version.

      "dependencies": {
"@angular/animations": "^5.2.0",
"@angular/cdk": "^6.2.1",              //ERROR here the version is 6.x
"@angular/common": "^5.2.0",
"@angular/compiler": "^5.2.0",
"@angular/core": "^5.2.0",
"@angular/forms": "^5.2.0",
"@angular/http": "^5.2.0",
"@angular/material": "^6.2.1",         //ERROR here the material version is 6.x
"@angular/platform-browser": "^5.2.0",
"@angular/platform-browser-dynamic": "^5.2.0",
"@angular/router": "^5.2.0",
"core-js": "^2.4.1",
"hammerjs": "^2.0.8",
"rxjs": "^5.5.6",
"zone.js": "^0.8.19"}

    },

    Comme vous pouvez le voir dans le paquet ci-dessus.fichier json il y a incompatibilité de la version.
    Il y a deux façons de résoudre ce message d'erreur:

    1. Mise à niveau de votre angulaire en utilisant la commande: ng mise à jour (cela va changer votre angulaire versio à 6.x).
    2. Changer la version de cdk et de matériel pour 5.2.0 manuellement, puis saisissez la commande: npm install cela va ajouter de la matière de la version 5.2.0

    OriginalL'auteur ajay verma

  6. -1

    Peut-être ses angulaire 1.6 qui vient de sortir ?

    J'ai le même problème, mais ne peuvent tout simplement pas comprendre comment mettre à jour le reste de celui-ci (au lieu de déclasser une chose, mettre à niveau tout autre chose), mais je ne peux pas le comprendre.

    Essayé npm update -D et que npm update -S Mais il n'a pas aidé.

    Que l'idée est venue d': Je suis nouveau sur angulaire. Je viens d'installer angulaire du matériel et angulaire des animations dans mon petit projet et obtenu quelques-unes des erreurs

    OriginalL'auteur yehuda mazal