font-awesome - Angular 项目中未显示 FontAwesome Pro 图标

Question

我正在构建 Angular 8 应用程序。我们有 font awesome pro 许可证，我已按照以下 URL 中的说明进行操作：

https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers

在我的 package.json 中：

   "devDependencies": {
        "@angular-devkit/build-angular": "~0.803.21",
        "@angular/cli": "~8.3.21",
        "@angular/compiler-cli": "~8.2.14",
        "@angular/language-service": "~8.2.14",
        "@fortawesome/fontawesome-pro": "^5.7.1",

2. 在我的 angular.json 中：

   “样式”：[“./node_modules/ngx-bootstrap/datepicker/bs-datepicker.scss”、“node_modules/@fortawesome/fontawesome-pro/css/all.css”、“src/app/shared/styles/main .scss"],

3. 在我的 .npmrc 文件中： 我已经替换了我的身份验证令牌

   @fortawesome:registry= https://npm.fontawesome.com/ //npm.fontawesome.com/:_authToken=${FONTAWESOME_NPM_AUTH_TOKEN}

提供上述步骤后。

1. 在我的 app.component.html 文件中： Bootstrap with Fontawesome

     <button type="button" class="btn button">
                        Start Free Trial<i
                            class="fal fa-sync fa-lg"
                            style="color:black"
                        ></i>
                    </button>

我仍然看不到我的图标:(当我检查元素时，我可以看到标签，通过更改标签的各种属性并替换为标签仍然没有运气。

下面是截图：

任何帮助都会很棒。谢谢