Угловые компоненты материала не распознаются VSCode (выделено красным цветом)

Question

Я использую код Visual Studio при разработке проекта Angular v6 (на основе этого стартера), который включает модуль Angular Material.

Проект компилируется и хорошо работает, но в редакторе компоненты Angular Material не распознаются:

Я предполагаю, что проблема распознавания заключается в том, что модуль материала не импортируется в модуль напрямую, а импортирует «общий» модуль, который импортирует материал, но, возможно, я что-то упустил.

Любая помощь будет оценена

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 требуется перезапуск для распознавания таких изменений.