当社がライセンスを購入した Font Awesome Pro 6 を Angular プロジェクトに統合したいと考えています。
上司から zip ディストリビューション (更新の対象となる NPM プライベート トークンではありません) を受け取ったので、 @fortawesome/angular-fontawesomeをアップグレードしてプロ バージョンを使用したいと考えています。
これまでは無料版の FA と を併用してきました@fortawesome/free-solid-svg-icons
。特に、このライブラリは、トランスパイル中に使用される Typescript シンボルを宣言します。
私が持っていた前に(package.json)
"@fortawesome/angular-fontawesome": "^0.9.0",
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
質問: 以下で構成される FA Pro 6 の zip ファイルが与えられた場合
フォントを Angular プロジェクトに統合するにはどうすればよいですか?
これまでに試したこと
src/font-awesome-pro
FA 6 Pro ディレクトリを に解凍し、最後の 4 つのパッケージ (上記のリスト) を から削除しようとしましたpackage.json
。
angular.json
また、手動でscssとjsを追加することを修正することも期待していました
"scripts": [
...
"./src/font-awesome-pro/js/fontawesome.js",
...
]
"styles": [
...
"./src/font-awesome-pro/scss/fontawesome.scss",
"./src/styles.scss"
しかし、私のアプリケーションはコンパイルされません
Error: src/app/shared/shared-components/spinner-block/spinner-block.component.ts:5:41 - error TS2307: Cannot find module '@fortawesome/free-solid-svg-icons' or its corresponding type declarations.
5 import {faSpinner, IconDefinition} from '@fortawesome/free-solid-svg-icons';
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
また
export class AmlcFontAwesomeModule {
constructor(library: FaIconLibrary, faConfig: FaConfig) {
// Add an icon to the library for convenient access in other components
library.addIconPacks(far, fas, fab);
library.addIcons(fa.faPencilAlt, fa.faRecycle, fa.faTrash, fa.faUser, fa.faLock, fa.faHome);
faConfig.fixedWidth = true;
}
}