角度4与材料

Question

我正在尝试实施＆＃34; Angular-Material＆＃34;与Angular4。我从角度材料的官方网站[angular.material.io] [1]

进行了所有设置

[1]：https://material.angular.io/guide/getting-started但是当尝试按照npm start运行项目时，会出现以下错误：

  

node_modules/@angular/material/typings/button/button.d.ts（40,22）：   错误TS2420：Class＆＃39; MdButton＆＃39;错误地实现接口   ＆＃39; CanDisable＆＃39 ;.财产＆＃39;残疾＆＃39;是私人的类型＆＃39; MdButton＆＃39;但   不属于＆＃39; CanDisable＆＃39;。   node_modules/@angular/material/typings/button/button.d.ts（40,39）：   错误TS2507：输入＆＃39;（new（... args：any []）=＆gt; CanDisable）＆amp;类型   MdButtonBase＆＃39;不是构造函数类型。   node_modules/@angular/material/typings/checkbox/checkbox.d.ts（43,22）：   错误TS2420：Class＆＃39; MdCheckbox＆＃39;错误地实现接口   ＆＃39; CanDisable＆＃39 ;.财产＆＃39;残疾＆＃39;类型＆＃39; MdCheckbox＆＃39;中缺少。   node_modules/@angular/material/typings/checkbox/checkbox.d.ts（43,41）：   错误TS2507：输入＆＃39;（new（... args：any []）=＆gt; CanDisable）＆amp;类型   MdCheckboxBase＆＃39;不是构造函数类型。   node_modules/@angular/material/typings/radio/radio.d.ts(24,22）：错误   TS2420：Class＆＃39; MdRadioGroup＆＃39;错误地实现接口   ＆＃39; CanDisable＆＃39 ;.财产＆＃39;残疾＆＃39;类型＆＃39; MdRadioGroup＆＃39;中缺少。   node_modules/@angular/material/typings/radio/radio.d.ts(24,43）：错误   TS2507：输入＆＃39;（new（... args：any []）=＆gt; CanDisable）＆amp;类型   MdRadioGroupBase＆＃39;不是构造函数类型。   node_modules/@angular/material/typings/slide-toggle/slide-toggle.d.ts（14,22）：   错误TS2420：Class＆＃39; MdSlideToggle＆＃39;错误地实现接口   ＆＃39; CanDisable＆＃39 ;.财产＆＃39;残疾＆＃39;在类型中缺失   ＆＃39; MdSlideToggle＆＃39 ;.   node_modules/@angular/material/typings/slide-toggle/slide-toggle.d.ts（14,44）：   错误TS2507：输入＆＃39;（new（... args：any []）=＆gt; CanDisable）＆amp;类型   MdSlideToggleBase＆＃39;不是构造函数类型。   node_modules/@angular/material/typings/slider/slider.d.ts（26,22）：   错误TS2420：Class＆＃39; MdSlider＆＃39;错误地实现接口   ＆＃39; CanDisable＆＃39 ;.财产＆＃39;残疾＆＃39;类型＆＃39; MdSlider＆＃39;中缺少。   node_modules/@angular/material/typings/slider/slider.d.ts（26,39）：   错误TS2507：输入＆＃39;（new（... args：any []）=＆gt; CanDisable）＆amp;类型   MdSliderBase＆＃39;不是构造函数类型。

有人，请帮我解决上面问题。

Answer 1

仔细检查package.json依赖项和devDependencies文件，找到您的typescript安装。确定它是2.2.0或更高。

"typescript": "~2.2.0"

如果您进行了更改，请务必再次运行

$ npm update -D

如果您全局安装并且package.json文件中没有打字稿行，请运行

$ npm install -g typescript@2.2.0

Answer 2

除上述答案外，我还添加了package.json文件的屏幕截图：

转到package.json并检查依赖项和devDependies，如下所示： package.json

第1步：如果打字稿版本 小于2.2.0 ，请将其更改为最新的版本，如图所示。

第二步：在终端中运行 npm update -D

第3步：要全局更新打字稿，请执行以下命令：

npm install -g typescript @ version-number