Nuxt项目已安装@vue-icons/feather仍提示依赖未找到如何解决？

解决方案 #

1. 清理并重新安装依赖 #

删除Nuxt项目根目录下的node_modules文件夹、package-lock.json或yarn.lock文件，在根目录（存放nuxt.config.js的目录）执行重新安装命令：

npm install

不要在firebase的functions目录执行该操作，functions是独立运行环境，其内部安装的依赖不会被Nuxt编译读取。

2. 配置转译规则 #

@vue-icons/feather为纯ES模块，Nuxt2默认不转译node_modules下的ES模块，需要在nuxt.config.js中添加转译配置：

export default {
  // 保留你原有其他配置
  build: {
    transpile: ['@vue-icons/feather'],
    // 保留你原有其他build配置
  }
}

修改完配置后必须重启本地开发服务，配置才会生效

3. 备选引入方案 #

如果上述操作后仍报错，可以改为直接引入单个图标文件，避免依赖检索异常：

import SearchIcon from "@vue-icons/feather/SearchIcon.js"

内容的提问来源于stack exchange，提问作者Danyx