Angular 4 avec matériel

Question

J'essaie d'implémenter "Angular-Material" avec Angular4. J'ai fait tous les réglages à partir du site officiel d'angular material [angular.material.io][1]

[1] : https://material.angular.io/guide/getting-started mais en essayant de lancer le projet par npm start, j'obtiens l'erreur suivante :

node_modules/@angular/material/typings/button/button.d.ts(40,22) : erreur TS2420 : La classe "MdButton" implémente incorrectement l'interface 'CanDisable'. La propriété "disabled" est privée dans le type "MdButton" mais pas dans le type "CanDisable". node_modules/@angular/material/typings/button/button.d.ts(40,39) : erreur TS2507 : Le type '(new (...args : any[]) => CanDisable) & typeof MdButtonBase' n'est pas un type de fonction constructeur. node_modules/@angular/material/typings/checkbox/checkbox.d.ts(43,22) : erreur TS2420 : La classe 'MdCheckbox' implémente incorrectement l'interface 'CanDisable'. 'CanDisable'. La propriété 'disabled' est manquante dans le type 'MdCheckbox'. node_modules/@angular/material/typings/checkbox/checkbox.d.ts(43,41) : erreur TS2507 : Le type '(new (...args : any[]) => CanDisable) & typeof MdCheckboxBase' n'est pas un type de fonction constructeur. node_modules/@angular/material/typings/radio/radio.d.ts(24,22) : erreur TS2420 : La classe 'MdRadioGroup' implémente incorrectement l'interface 'CanDisable'. 'CanDisable'. La propriété 'disabled' est manquante dans le type 'MdRadioGroup'. node_modules/@angular/material/typings/radio/radio.d.ts(24,43) : erreur TS2507 : Le type '(new (...args : any[]) => CanDisable) & typeof MdRadioGroupBase' n'est pas un type de fonction constructeur. node_modules/@angular/material/typings/slide-toggle/slide-toggle.d.ts(14,22) : erreur TS2420 : La classe 'MdSlideToggle' implémente incorrectement l'interface 'CanDisable'. 'CanDisable'. La propriété "disabled" est manquante dans le type MdSlideToggle'. node_modules/@angular/material/typings/slide-toggle/slide-toggle.d.ts(14,44) : erreur TS2507 : Le type '(new (...args : any[]) => CanDisable) & typeof MdSlideToggleBase' n'est pas un type de fonction constructeur. node_modules/@angular/material/typings/slider/slider.d.ts(26,22) : erreur TS2420 : La classe 'MdSlider' implémente incorrectement l'interface 'CanDisable'. 'CanDisable'. La propriété 'disabled' est manquante dans le type 'MdSlider'. node_modules/@angular/material/typings/slider/slider.d.ts(26,39) : erreur TS2507 : Type '(new (...args : any[]) => CanDisable) & typeof MdSliderBase' n'est pas un type de fonction constructeur.

Quelqu'un peut m'aider à résoudre ce problème.

Answer 1

Vérifiez votre fichier de dépendances package.json et devDependencies et trouvez votre installation de typescript. Assurez-vous qu'il s'agit bien de la version 2.2.0 ou supérieure.

"typescript": "~2.2.0"

Si vous effectuez une modification, veillez à exécuter ensuite la commande

$ npm update -D

Si vous l'avez installé globalement et il n'y a pas de ligne de typecript dans votre fichier package.json , courir

$ npm install -g typescript@2.2.0

Answer 2

En plus de la réponse ci-dessus, j'ai ajouté la capture d'écran du fichier package.json :

Allez dans votre package.json et vérifiez les dépendances et les devDependies comme indiqué ci-dessous : package.json

Étape 1 : Si le version dactylographiée est moins de 2.2.0 , le remplacer par la version la plus récente comme indiqué dans l'image.

Étape 2 : Exécuter npm update -D dans votre terminal

Étape 3 : Pour mettre à jour globalement le script de type, exécutez la commande suivante :

npm install -g typescript@version-number