导入font Awesome Pro图标时找不到模块或其对应的类型声明

Question

我目前正在开发一个 React TypeScript 项目，最初我使用的是 Font Awesome 免费图标。然而，我意识到需要通过合并 Font Awesome Pro 图标来提高美观度。过渡到 Font Awesome Pro 可能并不像我最初想象的那么简单。

我已按照此处提供的文档设置了 Font Awesome Pro：https://docs.fontawesome.com/web/setup/packages

以下是我遵循的步骤：

1. 创建了一个套件包：

   Icons: pro
   Technology: SVG
   Subset: Auto-subsetting
   Styles: All styles
   Features: Enable NPM download and Enable compatibility with older versions
   

2. 在package.json所在的文件夹中创建了一个.npmrc文件。

.nmprc 文件内容：

@awesome.me:registry=https://npm.fontawesome.com/
//npm.fontawesome.com/:_authToken=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX

3. 安装套件：

npm install --save @awesome.me/kit-KIT_CODE@latest

4. 安装了以下软件包。

npm 我 --save @fortawesome/fontawesome-svg-core

npm 我 --save @awesome.me/kit-KIT_CODE

npm 我 --save @fortawesome/react-fontawesome@latest

5. 尝试使用以下代码将图标导入React组件：

   import { faHouse } from '@awesome.me/kit-KIT_CODE/icons/classic/solid'
   

但是，我遇到错误：“找不到模块'@awesome.me/kit-code/icons/classic/solid/'或其相应的类型声明。

Answer 1

在 tsconfig.json 文件的 compilerOptions 对象中添加 "moduleResolution": "bundler" ，如下所示。

{
  "compilerOptions": {
    "moduleResolution": "bundler"
  },
}

令人失望的是，任何 Font Awesome 文档中都没有提到这一点。