React项目配置ESLint遇Cannot find module 'eslint-plugin-eslint'错误求解决

问题根源 #

你的.eslintrc.js配置中，extends数组里的"plugin:eslint/recommended"是错误写法。ESLint核心的推荐规则集不需要plugin:前缀，正确写法是"eslint:recommended"。plugin:前缀仅用于第三方ESLint插件的规则集，而不存在官方的eslint-plugin-eslint插件，因此执行时会报错找不到该模块。

具体修复步骤 #

1. 打开你的.eslintrc.js文件，找到extends数组：

extends: [
  "plugin:import/errors",
  "plugin:import/warnings",
  "plugin:prettier/recommended",
  "plugin:eslint/recommended", // 这一行是错误的
  "plugin:react/recommended",
  "prettier",
],

2. 将"plugin:eslint/recommended"替换为"eslint:recommended"，修改后的extends数组如下：

extends: [
  "plugin:import/errors",
  "plugin:import/warnings",
  "plugin:prettier/recommended",
  "eslint:recommended", // 修正为正确写法
  "plugin:react/recommended",
  "prettier",
],

3. 保存配置文件后，重新执行npm run start即可。

额外排查（如果修复后仍有问题） #

• 删除项目根目录下的node_modules文件夹和package-lock.json文件
• 执行npm install重新安装所有依赖
• 再次启动项目

内容的提问来源于stack exchange，提问作者김정수