'mat-icon' 不是已知元素：- TypeScript

当在Angular应用中使用Material Design图标时，可能会遇到以下错误：

'mat-icon' is not a known element: - TypeScript

这是因为mat-icon标签需要特定的Material Design模块来注册。为了解决这个问题，您可以采取以下步骤：

步骤 1：安装 Material Design

在您的应用中安装Material Design：

ng add @angular/material

这将安装必要的Material Design模块和样式表。如果您已经安装了Material Design，则可以跳过此步骤。

步骤 2：导入 Material Design 模块

导入您需要使用的Material Design模块，通常是MatIconModule。在您的模块文件中添加以下行：

import { MatIconModule } from '@angular/material/icon';

@NgModule({
  imports: [
    // ...
    MatIconModule,
    // ...
  ],
})
export class MyModule {}

步骤 3：使用 mat-icon 标签

现在，您可以在您的Angular组件中使用mat-icon标签了，它应该被正确解析并显示Material Design图标了。

<mat-icon>favorite</mat-icon>

结论

Angular Material Design是Angular的一部分，它提供了丰富的UI组件和样式表，以及可自定义和可扩展的主题和模板。要使用Material Design图标，请遵循以上步骤。