MatToolbar 在与 Angular 9 一起使用时抛出错误

Question

角版本 9.2.0

当我MatToolbarModule在模块中导入并在 html 模板中使用它时，我收到以下错误消息：

这可能意味着声明 MatToolbarModule 的库 (@angular/material/toolbar) 没有被 ngcc 正确处理，或者与 Angular Ivy 不兼容。检查是否有更新版本的库可用，如果有则更新。还可以考虑与库的作者核对以查看该库是否与 Ivy 兼容。

8 export declare class MatToolbarModule {
                       ~~~~~~~~~~~~~~~~
src/app/angular-material.module.ts:53:14 - error NG6002: Appears in the NgModule.imports of ComponentsModule, but itself has errors

有没有人面临同样的问题？

Answer 1

在package.json和 中添加以下特定配置npm install。

{
  "scripts": {
    "postinstall": "ngcc"
  }
}

参考：https : //angular.io/guide/ivy#speeding-up-ngcc-compilation

Answer 2

我以前遇到过同样的问题，因为您app.module.ts在服务器运行时修改了文件。尝试停止它，然后使用该ng serve命令再次运行它。

Answer 3

每当我导入“MatToolbar”“MatDialog”而不是“MatToolbarModule”或“MatDialogModule”时，我都会发生这种情况。

Answer 4

我在使用 MatDatePicker 时遇到了类似的问题。问题是我已经导入MatDatepicker而不是导入到文件MatDatepickerModule中app.module.ts。

因此，请检查您是否在模块文件中导入了 MODULE 而不是 Component。