mat-icon不是角度的已知元素

时间:2020-06-03 08:37:36

标签: angular angular-material

我正在尝试使用角度材质图标进行添加,但出现此错误 “ mat-icon”不是已知元素: 1.如果“ mat-icon”是Angular组件,则请验证它是否是此模块的一部分。 2.如果“ mat-icon”是Web组件,则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。
我的项目结构如下:我有一个modules文件夹,其中包含一个仪表板文件夹,还有一个名为shared的文件夹,它拥有它自己的模块。 这是我的仪表板代码

<div class="search-div">
  <button mat-raised-button  (click)="onCreate()">
    <mat-icon>add</mat-icon> Create
  </button>
</div>

这是我的app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { DefaultModule } from './layouts/default/default.module';
import { MatTableModule } from '@angular/material/table';
import { HttpClientModule } from '@angular/common/http';
import {UserInfoService} from './services/user-info.service'
import {MatCardModule} from '@angular/material/card';
import {MatDialogModule} from '@angular/material/dialog';
import { PostsComponent } from './modules/posts/posts.component';
import {  MatFormFieldModule} from '@angular/material/form-field';
import {MatInputModule} from '@angular/material/input';
import { MatIconModule } from '@angular/material/icon';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

import { NewuserComponent } from './modules/newuser/newuser.component';
import { DashboardComponent } from './modules/dashboard/dashboard.component';

@NgModule({
  declarations: [
    AppComponent,
    NewuserComponent,




  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    DefaultModule,
    MatTableModule,
    HttpClientModule,
    MatCardModule,
    MatDialogModule,
    MatFormFieldModule,
    MatInputModule,
    MatIconModule,
    FormsModule, 
    ReactiveFormsModule
  ],

  providers: [UserInfoService],
  bootstrap: [AppComponent],
  entryComponents:[NewuserComponent]
})
export class AppModule { }

我该如何解决该错误?

1 个答案:

答案 0 :(得分:0)

我认为问题出在您的文件夹结构上。 在应用程序文件夹中,创建组件newuser和仪表板。无需为新用户或仪表板创建任何模块,否则,如果您为它们两者创建任何模块,则必须将事物导入其特定模块中。您有一个有效的代码,只是结构正确。