时间戳

首页 > 解决方案 > React.js import font-awesome 不适用于 npm

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

问题描述

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

标签： htmlreactjsfont-awesome

解决方案

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

另一方面...

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

此 HTML 适用于 font-awesome 的实际版本，因为它fas尽管使用了fa.

推荐阅读