Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html React.js导入字体awesome不适用于npm_Html_Reactjs_Font Awesome - Fatal编程技术网

Html React.js导入字体awesome不适用于npm

Html React.js导入字体awesome不适用于npm,html,reactjs,font-awesome,Html,Reactjs,Font Awesome,我想在我的项目中使用font awesome,在通过npm安装此软件包后,我想将其导入主组件index.js import 'font-awesome/css/font-awesome.min.css'; 我尝试导入SCS而不是css,但仍然无法工作 稍后我将尝试在其他一些组件中使用: <i className='fas fa-heart' /> 我得到的是矩形而不是心形图标 我已经使用:npm我字体真棒安装 在控制台中,我没有错误。如何解决这个问题??CDN正在工作,但我不想在

我想在我的项目中使用font awesome,在通过npm安装此软件包后,我想将其导入主组件index.js

import 'font-awesome/css/font-awesome.min.css';
我尝试导入SCS而不是css,但仍然无法工作

稍后我将尝试在其他一些组件中使用:

<i className='fas fa-heart' />
我得到的是矩形而不是心形图标

我已经使用:npm我字体真棒安装


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

我看到了你的问题,我也遇到了同样的问题。我在回答中总结了这一评论:

font awesome是一个古老的非官方图书馆。此版本为v4.7.0。 @fortawesome是React库的官方存储库。 另一方面


这个HTML是针对font awesome的实际版本的,因为它使用fas而不是fa。

Try,它是专门为Reactor而设计的,但是这怎么可能呢,我在他的电脑上教的是我的Not,也许你已经导入了一个旧版本的font Aweasome,也许它与className='fa fa heart'而不是className='fa fa heart'一起工作。当css在我的AppsLoool中按预期应用时,我没有想到其他事情。。。为什么fa在工作,但他们的文档中有fas?是的,我明白了。。。我已经安装了4.7.0版本的npm和现场是超过5.0.0。。。非常感谢你指点我!