Javascript WebStorm无法识别某些角度组件-未知元素

我正在使用Angular 5和WebStorm版本2017.3.1

当我尝试将

元素与以下代码一起使用时

app.module.ts

app.component.html

但是，这会在浏览器中正确渲染：

因为它包含在模块中，从“@angular/material”导入{MatToolbarModule}行为

import和

imports: [
  BrowserModule,

  MatToolbarModule
],

这里有我遗漏的东西吗？为什么WebStorm（以及通过
ng test
运行测试时）会给我这个错误？如何防止此错误/警告？
错误来源。

相貌相关；查看将Typescript更新为2.5.2+是否有帮助
错误来源。

相貌相关；查看将Typescript更新为2.5.2+是否有帮助
此错误是通过Typescript生成的

如果单击底部的TypeScript选项卡，可以在控制台中看到错误


如果通过单击圆圈中的箭头强制TypeScript服务重新启动，则可能会使此错误消失


这需要先编译

到目前为止，我找不到一种方法将其映射到快捷方式

感谢@lena和@Z.Bagley帮助我解决了这个问题。
这个错误是通过TypeScript生成的

如果单击底部的TypeScript选项卡，可以在控制台中看到错误


如果通过单击圆圈中的箭头强制TypeScript服务重新启动，则可能会使此错误消失


这需要先编译

到目前为止，我找不到一种方法将其映射到快捷方式

感谢@lena和@Z.Bagley帮我解决了这个问题。
我知道这不是OP的问题，但我想分享一下，以防有人在WebStorm中遇到这个问题，并且没有得到TypeScript编译错误，以下是对我有效的方法：在WebStorm中选择菜单项File>Invalidatecaches/Restart。这个问题在WebStorm 2019.3中发生在我身上。
我知道这不是OP遇到的问题，但我想与大家分享一下，以防有人在WebStorm中遇到这个问题，并且没有得到TypeScript编译错误，以下是对我有效的方法：在WebStorm中选择菜单项File>Invalidatecaches/Restart。这个问题在WebStorm 2019.3中发生在我身上。
感觉您必须重新启动ng服务，有时也会发生在我身上，就像忽略模块导入一样。与webstorm tho无关。@MattLishman Javascript和webstorm都是合理的标记，因为您同时使用这两个标记。自从最近安装了
npm之后，您是否重新启动了IDE…
（也关闭窗口浏览器）？这可能会通过清除缓存来修复Webstorm中显示的错误。对于
ng测试
，您必须正确配置spec文件。如果你的应用程序在
ng-serve
上运行得完美无缺，那么我建议尝试忽略它，因为这不是一个大问题。@Z.Bagley关于重新启动IDE的好建议。这会使错误消失（即使关闭并重新打开项目也会如此）。不过这不是一个理想的解决方案，所以我会在某个时候向JetBrains提交一个bug/特性请求，尝试自动完成这项工作。请随意添加此作为答案，如果您认为值得，我将接受。这不是webstorm错误，消息显然来自Angular service。很可能是@MattLishman，你的答案最有助于解决这个问题，并可能帮助其他人。感觉你必须重新启动ng服务，我有时也会遇到这种情况，就像模块导入被忽略一样。与webstorm tho无关。@MattLishman Javascript和webstorm都是合理的标记，因为您同时使用这两个标记。自从最近安装了
npm之后，您是否重新启动了IDE…
（也关闭窗口浏览器）？这可能会通过清除缓存来修复Webstorm中显示的错误。对于
ng测试
，您必须正确配置spec文件。如果你的应用程序在
ng-serve
上运行得完美无缺，那么我建议尝试忽略它，因为这不是一个大问题。@Z.Bagley关于重新启动IDE的好建议。这会使错误消失（即使关闭并重新打开项目也会如此）。不过这不是一个理想的解决方案，所以我会在某个时候向JetBrains提交一个bug/特性请求，尝试自动完成这项工作。请随意添加此作为答案，如果您认为值得，我将接受。这不是webstorm错误，消息显然来自Angular service。很可能是@MattLishman，您的答案最有助于澄清这一问题，并可能帮助其他人。@Z.Bagley此问题既不是针对@angular/material也不是针对Webstorm的-您将在任何集成angular语言服务的IDE以及任何组件中面对它。如果你不明白你在评论什么，那就不是投否决票的好理由answers@MattLishman不，Webstorm不应该为了克服Angular/Typescript而不时重启服务bugs@lena“问题”指的是您发布的github问题，正如我提到的，它只针对语言服务。这是一个不相关的答案。作为旁注，我通常不会对答案投反对票，也不会对你的答案投反对票，但我可以破例；）他显然在使用这项服务——默认情况下，Webstorm中的angular应用程序会启用这项服务，错误消息格式是angular格式——Webstorm本身使用不同的格式。要明确一点，这项服务不是直接在其代码中使用的smth。该服务旨在与IDE集成，并在Angular模板中提供错误检查。看见它可以在webstorm中打开/关闭
<mat-toolbar>
  <span>Title</span>
</mat-toolbar>

'mat-toolbar' is not a known element:
1. If 'mat-toolbar' is an Angular component, then verify that it is part of this module.

imports: [
  BrowserModule,

  MatToolbarModule
],