Angular 4 mit Material

Question

Ich versuche "Angular-Material" mit Angular4 zu implementieren. Ich habe alle Setup von den offiziellen Website von Winkelmaterial [angular.material.io] [1]

[1]: https://material.angular.io/guide/getting-started aber bei dem Versuch, das von npm Start zu laufen, immer folgende Fehlermeldung:

node_modules/@angular/material/typings/button/button.d.ts(40,22): error TS2420: Class 'MdButton' incorrectly implements interface 'CanDisable'. Property 'disabled' is private in type 'MdButton' but not in type 'CanDisable'. node_modules/@angular/material/typings/button/button.d.ts(40,39): error TS2507: Type '(new (...args: any[]) => CanDisable) & typeof MdButtonBase' is not a constructor function type. node_modules/@angular/material/typings/checkbox/checkbox.d.ts(43,22): error TS2420: Class 'MdCheckbox' incorrectly implements interface 'CanDisable'. Property 'disabled' is missing in type 'MdCheckbox'. node_modules/@angular/material/typings/checkbox/checkbox.d.ts(43,41): error TS2507: Type '(new (...args: any[]) => CanDisable) & typeof MdCheckboxBase' is not a constructor function type. node_modules/@angular/material/typings/radio/radio.d.ts(24,22): error TS2420: Class 'MdRadioGroup' incorrectly implements interface 'CanDisable'. Property 'disabled' is missing in type 'MdRadioGroup'. node_modules/@angular/material/typings/radio/radio.d.ts(24,43): error TS2507: Type '(new (...args: any[]) => CanDisable) & typeof MdRadioGroupBase' is not a constructor function type. node_modules/@angular/material/typings/slide-toggle/slide-toggle.d.ts(14,22): error TS2420: Class 'MdSlideToggle' incorrectly implements interface 'CanDisable'. Property 'disabled' is missing in type 'MdSlideToggle'. node_modules/@angular/material/typings/slide-toggle/slide-toggle.d.ts(14,44): error TS2507: Type '(new (...args: any[]) => CanDisable) & typeof MdSlideToggleBase' is not a constructor function type. node_modules/@angular/material/typings/slider/slider.d.ts(26,22): error TS2420: Class 'MdSlider' incorrectly implements interface 'CanDisable'. Property 'disabled' is missing in type 'MdSlider'. node_modules/@angular/material/typings/slider/slider.d.ts(26,39): error TS2507: Type '(new (...args: any[]) => CanDisable) & typeof MdSliderBase' is not a constructor function type.

Jemand, bitte hilf mir, oben zu beheben.

Answer 1

Überprüfen Sie die Datei package.json und die Datei devDependencies, und suchen Sie nach der Typoskript-Installation. Stellen Sie sicher, dass es 2.2.0 oder höher ist.

"typescript": "~2.2.0" 

Wenn Sie eine Änderung vornehmen, sollten Sie dann

$ npm update -D 

laufen Wenn Sie es global installiert haben, und es gibt, laufen keine Typoskript Linie

in Ihrer package.json Datei

$ npm install -g typescript@2.2.0 

Answer 2

Zusätzlich zu der obigen Antwort habe ich den Screenshot der package.json Datei hinzugefügt:

zu Ihrem package.json gehen und überprüfen, Abhängigkeiten und devDependies wie unten dargestellt: package.json

Schritt 1: Wenn die Typoskript Version ist weniger als 2.2.0, es auf die neueste vesrion ändern im Bild gezeigt.

Schritt 2: Run npm Update -D in Ihrem Terminal

Schritt 3: global das Typoskript zu aktualisieren, führen Sie folgenden Befehl ein:

npm -g Typoskript @ Versionsnummer installieren