Angular项目中'mat-icon'未识别（NG8001错误）问题求助

• 必须显式导入MatIconModule到你的模块中
  无论使用哪个Angular Material版本，mat-icon组件都属于MatIconModule，需要在app.module.ts中导入并添加到imports数组：

  import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import { MatIconModule } from '@angular/material/icon'; // 导入MatIconModule
  import { AppComponent } from './app.component';
  
  @NgModule({
    declarations: [AppComponent],
    imports: [
      BrowserModule,
      BrowserAnimationsModule,
      MatIconModule // 添加到imports数组
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  

• 确认Material图标资源已引入
  mat-icon依赖Material图标字体，若初始化Angular Material时未选择图标选项，需手动在index.html中添加字体链接：

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  

  若使用SVG图标，需额外通过MatIconRegistry注册图标资源。

• 清理项目缓存并重新构建
  缓存可能导致模块未正确加载，执行以下命令：

  ng cache clean
  ng build --clean
  

• 检查模块配置完整性
  确保AppComponent在app.module.ts的declarations数组中，且项目无其他未导入MatIconModule的模块（你提到项目只有一个组件，此步骤可快速验证）。

内容的提问来源于stack exchange，提问作者user11788754