升级到版本9后发生角度抛出材料错误

时间:2020-11-03 03:50:24

标签: angular angular-material angular-upgrade

我已经将Angular项目从v8更新到了v9,并遵循了所有必需的更新,但是运行ng serve会引发重大错误。我已经单独导入了所有物料组件,而不是直接从@angular/material导入,并将所有这些组件都包含在单独的文件material.module.ts中。该文件已导入app.module.ts中,但Angular仍未检测到任何材料成分,并抛出以下错误:

enter image description here

以下是相关性:
enter image description here


注意: 我已经尝试了几乎所有可用的解决方案,但没有成功就问这个问题。

1 个答案:

答案 0 :(得分:2)

项目的真正问题是将所有这些都包含在单独的文件material.module.ts 中。从Angular 9+起,您应该明确声明要导入的材料模块,而不是创建一个共享模块。通过重构大多数自己的模块,我已经解决了一个问题。这里的步骤是:

  1. 删除Shared Material Module
  2. 运行以打印所有自己的模块有问题
  3. 明确声明与其关联的物料模块。
@NgModule({
   imports: [
      MatToolbarModule
   ]
})
export class OwnModule { }

我知道这很痛苦,但是我们没有升级Angular 9+的选择。