错误在项目中添加角材料
ERROR in
node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(136,20):
error TS2315: Type 'ElementRef' is not generic.
node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(154,104):
error TS2315: Type 'ElementRef' is not generic
我正在尝试安装材料设计，但看起来这是问题。
环境设置：Angular CLI: 1.7.4 & Node: 9.11.1
这里最好的方法是更改所有材料依赖项，以匹配Angular 5.2.0的人的角度，请遵循此
初始
"dependencies": {
"@angular/core": "^5.2.0",
"@angular/cdk": "^6.0.1",
"@angular/material": "^6.0.1"
}
只需将它们更改为其他Angular组件的当前版本。
最终
"dependencies": {
"@angular/core": "^5.2.0",
"@angular/cdk": "^5.2.0",
"@angular/material": "^5.2.0"
}
然后做npm install
当您的一个版本中的所有角包装和另一个版本中的材料包中的所有角包装时，都会发生这种情况。
我的角包装版本为5.2，材料版本为6.0时面对这个因此，我将材料版本更改为5.1，并且问题已解决。
好吧，这是我修复的方式：第一步：
- 运行
npm update -D和npm update -S但是我认为这不是必要的，因为那里的问题是在那里。
步骤拖曳：
npm install -g @angular/cli@latest
ng update
命令抱怨我需要运行(所以我做到了(：
ng update @angular/cli
尝试之后：ng serve我有一个错误，因为" Hammerjs"没有安装，所以我运行(但这可能不是您的情况(：
npm install hammerjs --save
和 npm install @types/hammerjs --save-dev
我不明白-save-dev的意义，但是我这样做了。它现在正在编译。
在这里找到了最后的Hammerjs：找不到模块：错误：无法解析'hammerjs'
希望这有所帮助。
我遇到了相同的问题，但是将我的 @angular/材料降级到5.0版。您可以尝试一下。
当您的角版本和材料版本中存在不匹配时，会发生此错误。要查看错误，请转到package.json文件，您可以在其中找到Angular版本和材料版本。
"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"}
}，
您可以在上面的软件包中看到。JSON文件的版本不匹配。解决此错误有两种方法：
- 使用命令： ng Update (这将使您的Angular Versio更改为6.x (。(。
- 将CDK和材料的版本更改为 5.2.0手动然后输入命令： npm install 这将添加版本5.2.0
也许与刚刚出来的Angular 1.6有关？
我有同样的问题，但是不知道如何更新其余的问题(而不是降级一件事，升级其他所有内容(，但我无法弄清楚。
尝试了npm update -D，而不是npm update -S，但没有帮助。
这个想法来自：我是新来的角度。我刚刚在小项目中安装了角度的材料和角度动画，并出现了一些错误