1

我有一个使用 FontAwesome 图标的 React 项目。为了保持代码干燥，我想使用图标库将我的图标导入保存在一个单独的文件中，按照此处的指南：https ://fontawesome.com/how-to-use/javascript-api/setup/library 。

我添加了一个fontawesome.js包含以下代码的文件：

import { library } from "@fortawesome/fontawesome-svg-core";

import { faCode, faHighlighter } from "@fortawesome/free-solid-svg-icons";

library.add(faCode, faHighlighter);

并导入fontawesome.js我的index.js. 然后我尝试渲染faCode到我的Icon.js组件：

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

export default function Icon() {
  return (
    <div>
        <FontAwesomeIcon icon={['fas', 'fa-code']} />
    </div>
  );
}

只是遇到以下错误：

Could not find icon {prefix: "fas", iconName: "fa-code"}

我想我在这里缺少一个导入。文档并没有完全清楚地说明图书馆建立后要做什么。有什么想法吗？

4

2 回答 2

1

这是另一种在反应中缓存字体的方法。从此链接中找出

于 2021-02-04T11:58:47.553 回答
0

您需要从 fontawesome 导入实体（带有“fas”标签）图标：

npm i @fortawesome/free-solid-svg-icons 或 yarn add @fortawesome/free-solid-svg-icons

于 2021-02-04T12:06:34.747 回答