React.js import font-awesome无法与npm一起使用

Question

我想在我的项目中使用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中使用它，我想安装并导入。

Answer 1

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

• 真棒字体（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。