我目前正在为一个非常小的项目使用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'以禁止显示此消息 .

image showing where the error occurs

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

有趣的是，该项目成功编译，所得到的页面与完整的材料设计功能完美配合 .

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

angular angular-material webstorm