You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React引入react-icons报Module not found: Can't resolve '../lib'怎么办?

问题原因
  • 导入写法不符合新版react-icons的规范:你代码中import { FiAirplay } from "react-icons/all";是已废弃的全量导入方式,新版react-icons移除了react-icons/all路径支持,会触发内部依赖的../lib查找失败。
  • 也可能是react-icons包安装不完整,node_modules内的react-icons缺少必要的lib目录文件。
解决方案
  • 替换导入语句:Fi开头的图标归属于feather图标集合,将导入行修改为import { FiAirplay } from "react-icons/fi";,该写法不仅能解决报错,还可以避免全量引入所有图标,减少项目打包体积。
  • 若修改导入后仍报错,重新安装依赖即可:
    1. 删除项目根目录下的node_modules文件夹、package-lock.json(或yarn.lock/pnpm-lock.yaml)锁文件
    2. 执行npm install(根据你使用的包管理工具也可以用yarn install/pnpm install)完成依赖重装
    3. 重新启动项目验证问题是否解决

内容的提问来源于stack exchange,提问作者Radiance Obi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.01 23:18:01