小编Car*_*ima的帖子

Angular 9 + FontAwesome 0.6:“错误 NG8001:'fa-icon' 不是已知元素”

我在尝试使用 fontawesome 图标时遇到问题。我已经使用命令行将 FontAwesome 安装到我的项目中:

ng add @fortawesome/angular-fontawesome@latest
Run Code Online (Sandbox Code Playgroud)

我有一个子模块,我想在其中使用“fas”->“images”图标。所以,我创建了我的子模块:

import { PhotoListComponent } from './photo-list.component';
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { library } from '@fortawesome/fontawesome-svg-core';
import { fas } from '@fortawesome/free-solid-svg-icons';

@NgModule({
  declarations: [
    PhotoListComponent
  ],
  imports: [
    CommonModule,
    FontAwesomeModule
  ]
})
export class PhotoListModule {
  constructor() {
    library.add(fas);
  }
}
Run Code Online (Sandbox Code Playgroud)

我在这个子模块中有一个组件(photo-list.component.ts 和 photo-list.component.html)。在它的 HTML 文件中,我只是把这一行放在我的标题中显示图标:

<h1><fa-icon [icon]="['fas','images']"></fa-icon> Images</h1>
Run Code Online (Sandbox Code Playgroud)

当我运行我的 angular 项目并打开这个模块时,出现以下错误(并且图标不会显示):错误 NG8001: 'fa-icon' is not a known element

为什么不起作用?

font-awesome angular

8
推荐指数
1
解决办法
6505
查看次数

标签 统计

angular ×1

font-awesome ×1