React.js import font-awesome 不适用于 npm答案

【问题标题】：React.js import font-awesome is not working with npmReact.js import font-awesome 不适用于 npm
【发布时间】：2019-06-04 11:16:36
【问题描述】：

我想在我的项目中使用 font-awesome，通过 npm 安装这个包后，我想将它导入到主组件 index.js 中。

import 'font-awesome/css/font-awesome.min.css';

我尝试导入 scss 而不是 css，但仍然无法正常工作。

后来我尝试在其他一些组件中使用：

<i className='fas fa-heart' />

我得到的是矩形而不是心形图标。

我用过：npm i font-awesome来安装

在控制台中我没有错误。如何解决这个问题？ CDN 正在工作，但我不想在 index.html 中使用它，我想安装并导入它。

【问题讨论】：

试试github.com/FortAwesome/react-fontawesome，它是专门为 react 设计的
但这怎么可能，我在课程中教授，而他的电脑正在处理我的问题
也许你已经导入了一个旧版本的 font-awesome，也许它适用于 className='fa fa-heart' 而不是 className='fas fa-heart'。在我的应用程序中按预期应用 css 时，我没有想到其他任何事情
Looool... 为什么 fa 正在工作，但他们的文档中有 fas ??
是的，我明白了...我已经用 npm 安装了 4.7.0 版本，现场超过 5.0.0...非常感谢您的指点！

【解决方案1】：

我看到了你的问题，我也遇到了同样的问题。我在答案中总结了评论：

font-awesome (https://www.npmjs.com/package/font-awesome) 是一个古老的非官方库。此版本为 v4.7.0。
@fortawesome (https://www.npmjs.com/package/@fortawesome/react-fontawesome) 是 React 库的官方存储库。

另一方面...

<i className='fas fa-heart' />

这个 HTML 是 font-awesome 的实际版本，因为它使用 fas，尽管 fa。

【讨论】：