'mat-form-field' не является известным элементом

Question

Я получаю эту ошибку:

Сбой: Ошибки синтаксического анализа шаблона: 'mat-form-field' не известен элемент:

1. Если 'mat-form-field' является компонентом Angular, затем убедитесь, что он является частью этого модуля.
2. Если 'mat-form-field' является веб-компонентом, то добавьте 'CUSTOM_ELEMENTS_SCHEMA' к '@ NgModule.schemas' этого компонент для подавления этого сообщения.

Я включил MatFormFieldModule в material.module.ts и импортировал «MaterialModule» в app.module.ts.

Material.module.ts
import {MatFormFieldModule} from '@angular/material/form-field';
import {MatInputModule} from '@angular/material/input';
@NgModule({

imports: [  
MatFormFieldModule,
MatInputModule
],
exports: [
MatFormFieldModule,
MatInputModule
]

 }) 
export class MaterialModule { }


App.module.ts
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import {MaterialModule} from './material.module';
@NgModule({
declarations: [
],
imports: [
......
MaterialModule
],

 providers: [], 
 schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
  })
 export class AppModule { }

Модуль компонентов import:

import { Component, OnInit } from '@angular/core';
import {MatTableDataSource} from '@angular/material/table';

Я пробовал исправления, упомянутые на разных форумах, но не уверен, что мне не хватает.