安装react-icons后提示FaBeer未导出、编译器报错该如何处理?
react-icons 导入 FaBeer 报错未导出解决方案
- 先确认依赖安装正确,可升级到最新稳定版规避版本兼容问题,执行以下命令:
npm install react-icons@latest
若使用yarn:yarn add react-icons@latest
若使用pnpm:pnpm add react-icons@latest - 清除项目缓存后重启编译服务
绝大多数类似报错都是缓存导致的导出识别异常,按以下步骤操作即可:- 删除项目根目录下的node_modules文件夹、以及对应的依赖锁定文件(package-lock.json / yarn.lock / pnpm-lock.yaml)
- 重新执行依赖安装命令
- 停止当前运行的本地开发服务,重新启动编译
- 可临时用全量导入方式验证问题根因
替换你的导入语句为以下写法,测试是否可以正常渲染:
若该写法可以正常运行,说明问题出在依赖解析缓存或版本兼容上,执行前两步操作即可恢复正常的按需导入写法。import * as FaIcons from 'react-icons/fa' // 组件内使用 <FaIcons.FaBeer /> 即可 - 若为TypeScript项目,可额外安装类型声明包规避类型校验导致的报错:
npm install @types/react-icons --save-dev
内容的提问来源于stack exchange,提问作者Himanshu BHATTI
相关产品推荐
相关产品推荐

