React 项目中 FormIO 图标显示带有 font-awesome-pro 的问号

Question

在此输入图片描述

我试图在我的项目中实现 FormIO，之前我使用的是 font-awesome-free 并且运行良好。当我升级到 font-awesome-pro 后，表单生成器中的图标显示为圆形大问号，并且未加载任何图标。

如何解决这个问题？我可以同时使用专业版和免费版吗？

我也尝试安装 font-awesome-free 并导入到使用 FormIO 的 tsx 文件中

Package.json "@formio/react": "^5.2.4-rc.1", "@fortawesome/fontawesome-pro": "^6.6.0", "@fortawesome/fontawesome-svg-core": "^6.6.0", “@fortawesome/react-fontawesome”：“^0.2.2”，

Answer 1

您确定确实导入了这两个库吗？

import { library } from '@fortawesome/fontawesome-svg-core';
import { fas } from '@fortawesome/pro-solid-svg-icons';
import { far } from '@fortawesome/pro-regular-svg-icons';

library.add(fas, far);

此外，FormIO 不太可能不需要额外的配置，因为我认为它默认会寻找免费图标。因此，您可以检查控制台日志是否存在可能的错误。分享它们。