社交媒体字体真棒图标在 react js 中不起作用

问题描述

错误

尝试导入错误：“faTwitter”未从“@fortawesome/free-solid-svg-icons”导出。

我在 react js 中使用字体很棒的图标，很少有图标像这样工作：- faPhoneAlt、faHeart、faBars、faChevronDown

但社交媒体图标不起作用。

代码

import React,{Component} from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import {faMapMarkerAlt,faPhoneAlt,faShoppingBag,faHeart,faBars,faChevronDown,faTwitter} from '@fortawesome/free-solid-svg-icons';


<FontAwesomeIcon icon={faTwitter} /></Link>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

解决方法

为此，您需要安装 free-brands-svg-icons

Series.duplicated

在文档中明确提到对于 brands aka social media，您必须使用另一个包。

https://www.npmjs.com/package/@fortawesome/free-brands-svg-icons