WebStorm：Angular Material HTML标签显示为“不是已知元素”，但编译和工作正常

Question

我目前正在为一个非常小的项目使用Angular 2 Material Design。要包含我需要的模块，我创建了一个MaterialModule：

import { NgModule } from '@angular/core';

import {
  MatButtonModule,
  MatMenuModule,
  MatToolbarModule,
  MatIconModule,
  MatCardModule
} from '@angular/material';

@NgModule({
  imports: [
    MatButtonModule,
    MatMenuModule,
    MatToolbarModule,
    MatIconModule,
    MatCardModule
  ],
  exports: [
    MatButtonModule,
    MatMenuModule,
    MatToolbarModule,
    MatIconModule,
    MatCardModule
  ]
})
export class MaterialModule {}

我在AppModule课程中导入了此模块。现在，当我尝试使用Material Design模块提供的HTML标签时，WebStorm给了我这个错误：

  

Angular：'mat-toolbar'不是已知元素：1。如果'mat-toolbar'是   一个Angular组件，然后验证它是否是该模块的一部分。 2。   如果'mat-toolbar'是Web组件，则添加'CUSTOM_ELEMENTS_SCHEMA'   到此组件的'@ NgModule.schemas'以禁止显示此消息。

此外，自动完成功能不适用于这些标签，这使整个事情变得相当烦人。

有趣的是，项目编译成功，结果页面可以正常使用完整的材料设计功能。

我在MaterialModule中以不寻常的方式做错了什么，所以只有Angular可以使用它，但WebStorm认为它是错误的？