React Fontawesome 没有免费品牌 svg 图标，因此无法显示社交媒体图标答案

【问题标题】：React Fontawesome doesn't have free-brands-svg-icons, so cant show the social media iconsReact Fontawesome 没有免费品牌 svg 图标，因此无法显示社交媒体图标
【发布时间】：2019-07-01 18:35:44
【问题描述】：

我是否可以在我的 React 网页上使用社交媒体图标？

import { library } from '@fortawesome/fontawesome-svg-core'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { fas, faHome, faMapMarker } from '@fortawesome/free-solid-svg-icons';

尝试导入

import { fab } from '@fortawesome/free-brands-svg-icons';

library.add( fab, fas, faHome, faMapMarker)

试着用它作为两个例子

<FontAwesomeIcon icon="fab facebook-f" />/<FontAwesomeIcon icon={['fab','facebook-f']} />

说在fortawesome文件夹中找不到fab并抛出错误

“未找到模块：无法解析 'C:\Users\User\Desktop\tourism\src' 中的 '@fortawesome/free-brands-svg-icons'”

【问题讨论】：

npm i --save @fortawesome/free-brands-svg-icons
那很快。非常感谢。知道为什么它没有安装 fontawesome 吗？
不是每个人都依赖它们，所以像这样拆分包是个好主意

标签： css reactjs font-awesome

【解决方案1】：

正如@fard 所说： npm i --save @fortawesome/free-brands-svg-icons

【讨论】：

嘿@Dav，安装上述命令对我不起作用。我仍然面临找不到模块'@fortawesome/'.ts 的问题有什么建议吗？

【解决方案2】：

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import { faFacebook } from "@fortawesome/free-brands-svg-icons"

then past the following line 
<FontAwesomeIcon icon={faFacebookF} />

【讨论】：

【解决方案3】：

嘿@Bharat 看起来您正在使用打字稿。你看到什么错误？如果它与打字稿相关，请尝试为相关依赖项添加类型（https://www.npmjs.com/package/@types/react-fontawesome）。例如：yarn add @types/react-fontawesome

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接答案可能会失效。 - From Review