Javascript 错误类型错误：无法读取属性'；html'；未定义（角度）的

我想在我的角度项目中使用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)

我用npm安装了

@fortwome/angular-fontwome

和两个依赖项（

@fortwome/fontwome-free-solid

和

@fortwome/fontwome-free-brands

）

我在

app.module.ts

中导入了它，并将其添加到

导入中

：

import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';

---

我在安装过程中遗漏了什么吗？当我使用

ng serve--open

启动应用程序时，终端上没有错误，我只在浏览器控制台中收到错误。

我遇到了相同的错误，只是意识到我的模板值与组件名称不匹配

<button type="button" class="btn btn-default">
  <fa-icon [icon]="caretLeft"></fa-icon>
</button>

这是一个新手犯的错误，源于我在解决之前的错误时所做的一些重命名。当我将图标绑定更改为正确的名称时，错误得到解决

<button type="button" class="btn btn-default">
  <fa-icon [icon]="faCaretLeft"></fa-icon>
</button>

<button type="button" class="btn btn-default">
  <fa-icon [icon]="faCaretLeft"></fa-icon>
</button>