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

Question

在开发包括Angular Material模块的Angular v6项目（基于此启动程序）时，我正在使用Visual Studio Code。

该项目可以编译并正常运行，但是在编辑器中，无法识别Angular Material组件：

我猜识别的问题是因为材料模块不是直接导入到模块中，而是导入了导入材料的“共享”模块，但是也许我缺少了一些东西。

任何帮助将不胜感激

Answer 1

您MatIconModule在应用程序的主模块/材料模块中导入了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需要重新启动才能识别此类更改。