エイリアスを使用してアイコンを参照すると、アイコンをインポートできません。特に from の問題に気付きました@fortawesome/free-regular-svg-icons。ライブラリ内のアイコンの名前が重複している可能性があり、両方をインポートする必要があるため、エイリアスを使用する必要がある場合があります。
これは、小規模な Angular アップグレード (7.1 -> 7.2) の前に機能していたコードです。fontawesome のドキュメントからのガイダンスは次のとおりです。ページの最後のセクションを参照してください。
いくつかのパッケージをアップグレードして、インポートされているエイリアスとアイコンをいじってみました。エイリアスを削除すると、アイコンを問題なくインポートできることに気付きました。
アプリモジュール
import { library, dom } from '@fortawesome/fontawesome-svg-core';
import { faSpinner, faCopy } from '@fortawesome/free-solid-svg-icons';
library.add(faSpinner, faCopy);
import { faCopy as farCopy } from '@fortawesome/free-regular-svg-icons';
library.add(farCopy); // <-- This is where the error is thrown
dom.watch();
関連パッケージ
"@angular/common": "^7.2.15",
"@angular/compiler": "^7.2.15",
"@angular/core": "^7.2.15",
"@angular/forms": "^7.2.15",
"@angular/http": "^7.2.15",
"@angular/material": "^7.2.0",
"@fortawesome/angular-fontawesome": "^0.3.0",
"@fortawesome/fontawesome-common-types": "^0.2.21",
"@fortawesome/fontawesome-svg-core": "^1.2.21",
"@fortawesome/free-regular-svg-icons": "^5.10.1",
"@fortawesome/free-solid-svg-icons": "^5.10.1",
ブラウザ エラー
Uncaught ReferenceError: farCopy is not defined