javascript - 找不到图标为空
问题描述
我对此很陌生,我遇到了以下问题:
我在这样的类中从 fontAwesome 创建了自己的字体:
import {
faArrowDown as fasArrowDown,
faArrowLeft as fasArrowLeft,
faBox as fasBox,
faCheck as fasCheck,
faCircle as fasCircle,
faExchangeAlt as fasExchangeAlt,
faTimes as fasTimes,
} from '@fortawesome/free-solid-svg-icons'
import { faCircle as farCircle } from '@fortawesome/free-regular-svg-icons'
export const getSendBack = (
order,
canSendBack,
sendBackOrder,
formatMessage
) => ({
id: 'sendBack',
dataTestId: 'button-context-send-back',
iconSendBack: 'fa-layers fa-3x fa-fw',
iconSendBackTransform1: 'down-5 right-8 shrink-3',
iconSendBackTransform2: 'down-5 right-8 shrink-5',
iconSendBackTransform3: 'down-5 right-8 shrink-10',
iconFasBoxSendBack: fasBox,
iconFarCircleSendBack: farCircle,
iconFasCircleSendBack: fasCircle,
iconFasArrowLeft: fasArrowLeft,
disabled: !canSendBack(order),
titleSendBack: 'SEND BACK',
title: formatMessage(terms.send_back),
popup: {
onOk: () => sendBackOrder(order.id),
text: formatMessage(terms.send_back_order_question),
title: formatMessage(terms.send_back),
},
})
然后我在另一个文件中使用了类中的对象,如下所示:
<span
className={b.iconSendBack}
>
<FontAwesomeIcon
icon={b.iconFasCircleSendBack}
mask={b.iconFasBoxSendBack}
transform={b.iconSendBackTransform1}
/>
<FontAwesomeIcon
icon={b.iconFarCircleSendBack}
transform={b.iconSendBackTransform2}
/>
<FontAwesomeIcon
icon={b.iconFasArrowLeft}
transform={b.iconSendBackTransform3}
/>
</span>
一切都很好,我可以看到我想要的字体,唯一的问题是我在控制台中收到以下警告,上面写着“找不到图标空”
您能否建议问题是什么以及如何解决?它是否与前缀或库有关?
解决方案
推荐阅读
- php - 如何检查数据是否符合方案
- r - 生命表中的间隔
- java - 如何在 Mockito 的嵌套方法中捕获哈希图?
- sql - 以 YYYY-MM 格式创建日期,如果月份 < 10,则添加 0
- python - 多次迭代后,生成器中的 np.load() 速度急剧下降
- yarnpkg - 防止纱线在 monorepo 根目录中创建 node_modules
- asp.net - 如何回退到 Asp.Net 中的通用 http 路由
- list - ansible - 以项目索引作为哈希的列表
- python - 禁止使用不带“字段”属性的 ModelFormMixin(PostDetailView 的基类)
- mysql - 具有查阅字段的 SQL 查询