原生JS项目Webpack+ESLint报'react-app'配置加载失败求助

错误原因 #

你的项目是原生 JavaScript 环境，未引入 React，但 ESLint 被触发加载react-app配置项，大概率是缓存干扰、配置文件读取路径异常导致的误读。

解决步骤 #

• 检查 package.json 隐藏配置：打开package.json，确认是否存在"eslintConfig"字段，且该字段的extends包含"react-app"。如果有，直接删除该配置项。
• 清理 ESLint 缓存：在终端执行命令：

  npx eslint --clear-cache
  

• 明确指定 ESLint 配置文件路径：修改 Webpack 配置中的ESLintPlugin，添加configFile参数指向你的 ESLint 配置文件：

  new ESLintPlugin({
    fix: true,
    configFile: path.resolve(__dirname, '.eslintrc.json') // 替换为你的实际配置文件路径
  })
  

• 重装依赖（可选）：若以上步骤无效，删除node_modules和package-lock.json，重新执行npm install。

搭配 Webpack 所需的 ESLint 插件 #

你当前使用的eslint-webpack-plugin就是 Webpack 官方推荐的 ESLint 集成插件，它替代了旧版的eslint-loader，可在 Webpack 构建流程中自动执行代码检查，完全满足你的需求。

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