首页 > 解决方案 > 'mat-form-field' 不是已知元素

问题描述

我收到此错误:

失败:模板解析错误:'mat-form-field' 不是已知元素:

  1. 如果 'mat-form-field' 是 Angular 组件,则验证它是否是该模块的一部分。
  2. 如果“mat-form-field”是一个 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。

我在 material.module.ts 中包含了 MatFormFieldModule,并在 app.module.ts 中导入了“MaterialModule”。

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 { Component, OnInit } from '@angular/core';
import {MatTableDataSource} from '@angular/material/table';

我已经尝试过不同论坛中提到的修复程序,但不确定我错过了什么。

标签: angularimportmoduleangular-materialmat-table

解决方案


推荐阅读