首页 > 解决方案 > Angular Material (v8) 模块导入错误

问题描述

我在使用新版本的 Angular Material 时遇到了一些烦人的问题。我刚刚从 Material 的 7.xx 升级到 8.1(以及 Angular 的 7.xx 到 8.1),但是在我的module导入中,我在 WebStorm 中遇到了错误。不确定这是否与 WebStorm、Angular 或某些 TS 配置有关,并且想知道是否有人有任何想法。

这发生在我导入 Material 模块的每个模块和任何 Material 模块中。它不会发生在component进口,只有module进口。

ng build --prod, ng serve --prod,ng serve一切正常,但我的编辑似乎仍在抱怨。

我已经尝试过但没有奏效的事情:

编辑

根据 Morphyish 的评论,我Code -> Inspect code...对我的整个项目都做了一个。

我从 angular 导入模块的几乎所有地方都被破坏了。例如,我正在使用,@angular/flex-layout所以我的所有fxFlex属性都给了我“未知的 HTML 标记”错误。甚至ReactiveFormsModule说这是一个无效的导入符号。项目ng serves 和ng builds 正确,所以我不知道发生了什么。

在此处输入图像描述

标签: angulartypescriptwebstorm

解决方案


Webstorm 和所有 Intellij IDE 解析所有文件并更新错误和自动完成可能有点慢。给它一点时间,它应该会再次好起来的。有时,如果确实存在问题,重新启动 IDE 会有所帮助,但不会影响您的项目。

如果您认为您的实际文件可能有问题,您可以随时尝试确保文件夹/文件实际上在您的node_modules文件夹中。


推荐阅读