vscode 抱怨未知元素（mat-toolbar）

Posted 2023-02-19

【中文标题】vscode 抱怨未知元素（mat-toolbar）

【英文标题】：vscode complains about unknown element (mat-toolbar)

【发布时间】：2021-09-27 15:04:53

【问题描述】：

我正在使用 Nwrl/nx 创建一个 Angular 应用程序。我有一个图书馆手机，它由 3 个组件组成：main、topnav 和 sidenav。这些组件中的每一个都使用不同的 Angular Material 模块。我的目录结构是这样的。

????lib
 ┣ ????main
 ┃ ┣ ????main.component.html
 ┃ ┣ ????main.component.scss
 ┃ ┣ ????main.component.spec.ts
 ┃ ┗ ????main.component.ts
 ┣ ????sidenav
 ┃ ┣ ????sidenav.component.html
 ┃ ┣ ????sidenav.component.scss
 ┃ ┣ ????sidenav.component.spec.ts
 ┃ ┗ ????sidenav.component.ts
 ┣ ????topnav
 ┃ ┣ ????topnav.component.html
 ┃ ┣ ????topnav.component.scss
 ┃ ┣ ????topnav.component.spec.ts
 ┃ ┗ ????topnav.component.ts
 ┗ ????<library>.module.ts

在库模块中，我正在导入另一个模块，该模块已导入/导出了我在整个应用程序中使用的 Angular Material 模块。我的应用程序编译并运行良好。

但是，在 VSCode 中，我在 sidenav.component.html 文件中收到警告指示符，并且仅在此组件中，表明我的任何角度材质元素都不为人所知。我可以在 Main 和 Sidenav 中使用这些相同的元素，但我没有看到 VSCode 警告。

我不明白为什么我只在模块中的一个组件中看到这些警告，而在其他两个组件中却没有。我尝试使用 CUSTOM_ELEMENTS_SCHEMA 但这并没有抑制来自 VS Code 的警告（我也没有预料到）。由于应用程序没有错误/警告，这似乎是 VSCode 问题，或者可能是 Angular/Nwrl/VSCode 问题？我是 Nwrl 的新手，所以这个库概念对我来说是新的。

其他人看到了吗？

【参考方案1】：

看起来这是一个 vscode 怪癖。当我重新启动 vscode 时，vscode 停止了抱怨。