VSCode无法识别角度材料组件（突出显示为红色）

Question

我在开发Angular v6项目（基于this启动器）时使用Visual Studio Code，其中包括Angular Material模块。

项目编译并运行良好，但在编辑器中，无法识别Angular Material组件：

我认为识别的问题是因为材料模块没有直接导入模块，而是导入＆＃34;共享＆＃34;进口材料的模块，但也许我错过了什么。

任何帮助将不胜感激

Answer 1

您是否将MatIconModule导入了应用程序的主模块/材料模块中？

material.module.ts

@NgModule({
  imports: [
    MatIconModule
    // ...
  ],
  exports: [
    MatIconModule
    // ...
  ]
})
export class MaterialModule { }

app.module.ts

import { MaterialModule } from './material.module';
// Other imports

@NgModule({
  imports: [
    MaterialModule
    // ...
  ]
  // ...
})
export class AppModule { }

或者（假设您没有物料模块）：

app.module.ts

import { MatIconModule } from '@angular/material/icon';
// Other imports

@NgModule({
  imports: [
    MatIconModule
    // ...
  ]
  // ...
})
export class AppModule { }

Answer 2

导入JS模块

import { MaterialIconsModule } from 'ionic2-material-icons';

将其导入角度导入

 @NgModule({
  declarations: [MyApp],
  imports: [
    MaterialIconsModule
  ],

有时VSCode需要重启才能识别出这些变化。