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";,该写法不仅能解决报错,还可以避免全量引入所有图标,减少项目打包体积。 - 若修改导入后仍报错,重新安装依赖即可:
- 删除项目根目录下的
node_modules文件夹、package-lock.json(或yarn.lock/pnpm-lock.yaml)锁文件 - 执行
npm install(根据你使用的包管理工具也可以用yarn install/pnpm install)完成依赖重装 - 重新启动项目验证问题是否解决
- 删除项目根目录下的
内容的提问来源于stack exchange,提问作者Radiance Obi
相关产品推荐
相关产品推荐

