附加来自 Fawesome 的图标问题

Question

希望你能澄清这个问题，

我正在尝试使用来自 fontawesome 的 Github 图标来响应文档： link to documentation, 但我遇到问题并收到此错误：

./src/components/FindMe/FindMe.jsx
Attempted import error: 'faGithub' is not exported from '@fortawesome/free-solid-svg-icons'.

我的代码是

//the imports from FA
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faGithub } from '@fortawesome/free-solid-svg-icons';

//the icon as per documentation
 <FontAwesomeIcon icon={faGithub} />

我尝试更改大写字母但没有任何效果，也使用 fabGithub 但不起作用，按照文档的不同方法进行操作但也没有，我尝试使用其他图标并且它有效。

希望有人能澄清一下

编辑 使用这个解决了问题： https://react-icons.github.io/react-icons/#/[enter此处链接描述]2

Answer 1

FontAwesome 已将图标分成单独的 npm 打包。

Github 图标在不同的包中：@fortawesome/free-brands-svg-icons 所以首先你需要安装它

npm install --save @fortawesome/free-brands-svg-icons

或

yarn add @fortawesome/free-brands-svg-icons

然后在你的代码中使用它：

import { faGithub } from '@fortawesome/free-solid-svg-icons';