FontAwesome Pro图标未在角度项目中显示

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

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

   "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. 在我的角度。json:

   “/node\u modules/ngx bootstrap/datepicker/bs datepicker.scss”, “node\u modules/@fortawesome/fontawesome-pro/css/all.css”, “src/app/shared/styles/main.scss” ],

3. 在我的。npmrc文件:

   @FortAweome:注册表= https://npm.fontawesome.com/

在提供上述步骤后。

1. 在里面 我的应用程序。组成部分html文件:

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

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

任何帮助都会很好。谢谢