更新到Angular 6后，Angular材质库出现问题

Question

当我尝试编译应用程序时，它抛出了这个错误：

ERROR in src/app/app.module.ts(15,5): error TS2304: Cannot find name 'MatToolbarModule'. src/app/app.module.ts(16,5): error TS2304: Cannot find name 'MatSidenavModule'. src/app/app.module.ts(17,5): error TS2304: Cannot find name 'MatButtonModule'. src/app/app.module.ts(18,5): error TS2304: Cannot find name 'MatIconModule'. src/app/app.module.ts(19,5): error TS2304: Cannot find name 'MatListModule'. src/app/app.module.ts(20,5): error TS2304: Cannot find name 'MatMenuModule'. src/app/app.module.ts(21,5): error TS2304: Cannot find name 'AuthModule'. src/app/app.module.ts(22,5): error TS2304: Cannot find name 'AppRoutingModule'. src/app/app.module.ts(24,5): error TS2304: Cannot find name 'MatGridListModule'. src/app/app.module.ts(25,5): error TS2304: Cannot find name 'FlexLayoutModule'.

当我尝试通过ng add @angular/material向项目添加材料时，它会向我显示：

  

包＆＃34; @ angular / material＆＃34;被发现但不支持原理图。

有没有人为此找到解决方案？

Answer 1

我可以轻松地将Material 6.0添加到我的两个项目中（最近更新为Angular 6）。我不得不更新Angular CLI（本地和全局）。使用ng add @angular/material添加材料包后，再次尝试npm install。应该没问题。

Answer 2

升级到angular cli后，

运行以下命令以卸载@ angular / material

  

npm uninstall @ angular / material

此后运行命令

  

ng add @ angular / material

这将解决问题。

Answer 3

  

找到了包“@ angular / material”，但不支持原理图。

这基本上意味着Angular Material不支持ng add，你必须等待实现原理图的新版本。

如果您有旧版本，则可以使用最新的CLI使用ng update @ angular / material。否则，只需按照official instructions： npm install --save @angular/material @angular/cdk

Answer 4

再次安装材料后，我收到了一个新错误，但我在这里找到了答案：Angular 2 agm error。这是地图包装器的兼容性问题。