我想在我的Angular项目中使用fontawesome。我想试用FortAwesome / angular-fontawesome，但是如果尝试使用图标，则会在浏览器控制台中出现错误：
ERROR TypeError: Cannot read property 'html' of undefined
at FaIconComponent.ngOnChanges (webpack-internal:///../../../../@fortawesome/angular-fontawesome/@fortawesome/angular-fontawesome.es5.js:112)
at checkAndUpdateDirectiveInline (webpack-internal:///../../../core/esm5/core.js:12576)
at checkAndUpdateNodeInline (webpack-internal:///../../../core/esm5/core.js:14104)
at checkAndUpdateNode (webpack-internal:///../../../core/esm5/core.js:14047)
at debugCheckAndUpdateNode (webpack-internal:///../../../core/esm5/core.js:14940)
at debugCheckDirectivesFn (webpack-internal:///../../../core/esm5/core.js:14881)
at Object.eval [as updateDirectives] (ng:///AppModule/AppComponent.ngfactory.js:154)
at Object.debugUpdateDirectives [as updateDirectives] (webpack-internal:///../../../core/esm5/core.js:14866)
at checkAndUpdateView (webpack-internal:///../../../core/esm5/core.js:14013)
at callViewAction (webpack-internal:///../../../core/esm5/core.js:14364)
我安装@fortawesome/angular-fontawesome了两个依赖项（@fortawesome/fontawesome-free-solid和@fortawesome/fontawesome-free-brands）npm
我将其导入app.module.ts，并将其添加到imports：
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
我在安装过程中错过了什么吗？当我使用启动应用程序时，在终端上没有错误ng serve --open，我只在浏览器控制台中得到了错误。
我遇到了同样的错误，只是意识到我的模板值与组件名称不匹配。
<button type="button" class="btn btn-default">
<fa-icon [icon]="caretLeft"></fa-icon>
</button>
在组件中，我有
private faCaretLeft = faCaretLeft;
这是一个菜鸟错误，源于我为解决以前的错误而进行的重命名。当我将图标绑定更改为正确的名称时，该错误已解决。
<button type="button" class="btn btn-default">
<fa-icon [icon]="faCaretLeft"></fa-icon>
</button>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句