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需要重新啟動才能識別此類更改。