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

Question

无论如何我可以在我的 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'”

Answer 1

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

Answer 2

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

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

Answer 3

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