0

当社がライセンスを購入した 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 ファイルが与えられた場合

ZIPファイル

フォントを Angular プロジェクトに統合するにはどうすればよいですか?

これまでに試したこと

src/font-awesome-proFA 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;
  }
}
4

1 に答える 1