Question

我使用的字体很棒，并已将其导入 index.js

import '././styles/fontawesome/css/fontawesome.min.css';

关注过滤器组件

<span  onClick={this.togglem.bind(this)}>
                 {/*<span className="rTitle">Filters</span>*/}
                 <i className="fa fa-filter" aria-hidden="true"></i>
</span>

在这里，图标 fa-filter 没有显示，任何人都能知道发生了什么事

使用双点将引发此异常。您尝试导入的 ../../../ styles / fontawesome / css / fontawesome.min.css 不在项目 src / 目录。不支持 src / 以外的相对导入。

结构是

  src/filter.js  

  src/styles/fontawesome

版本-5.5.0

我已经导入了过滤器指针，可以显示css样式检查时但不显示图标

Answer 1

您的导入看上去有误import '././styles/fontawesome/css/fontawesome.min.css';，您可能正在寻找import '../../styles/fontawesome/css/fontawesome.min.css';（请注意圆点）。

如果您将React与JSX一起使用（很可能是这样做的），则需要使用className来定义html类属性：

<i className="fa fa-filter" aria-hidden="true"></i>

此外，在{@ 3}}中记录了在React中使用FontAwesome的正确方法

字体真棒图标未显示反应

1 个答案: