VSCode中Prettier结合ESLint失效，报错找不到eslint-plugin-import

看起来你遇到的是VSCode中ESLint无法加载本地安装的eslint-plugin-import插件的问题，结合你的配置和报错信息，我整理了几个可行的解决步骤：

1. 重新安装依赖，确保模块存在 #

有时候package.json里配置了依赖，但实际node_modules里并没有正确安装，或者安装过程中出现了损坏：

• 先删除项目根目录下的node_modules文件夹和package-lock.json（或yarn.lock）文件
• 运行安装命令：

  npm install
  # 如果你用yarn的话：
  # yarn install
  

安装完成后，检查node_modules/eslint-plugin-import文件夹是否存在，确认插件已正确安装。

2. 配置VSCode使用本地ESLint实例 #

VSCode的ESLint插件可能默认使用全局安装的ESLint，而你的插件是本地安装的，导致找不到。可以通过VSCode设置强制使用工作区的ESLint：

• 打开VSCode的设置（快捷键Ctrl+,或Cmd+,）
• 搜索eslint.nodePath，设置其值为项目根目录的node_modules路径（比如你的项目在C:\Dev\YourProject，就填${workspaceFolder}/node_modules）
• 或者直接在.vscode/settings.json中添加：

  {
    "eslint.nodePath": "${workspaceFolder}/node_modules",
    "eslint.useLocalEsLint": true
  }
  

保存设置后，重启VSCode让配置生效。

3. 清除ESLint缓存 #

ESLint的缓存可能导致模块加载异常，执行以下命令清除缓存：

npx eslint --clear-cache

之后重启VSCode，再尝试格式化代码。

4. 确认VSCode打开的是项目根目录 #

如果你的VSCode当前打开的是项目的子文件夹，而不是包含package.json和node_modules的根目录，ESLint会找不到本地安装的插件。确保你打开的是项目根文件夹，再重新测试。

额外检查：版本兼容性 #

你的eslint-config-airbnb-base@14.0.0依赖的eslint-plugin-import版本是^2.18.0，你安装的^2.18.2完全符合要求，版本兼容性没问题，所以这个可以排除。

按照上面的步骤逐一排查，应该能解决插件找不到的问题。

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