Next.js全新安装后ESLint插件加载失败问题求助

可行的解决步骤： #

• 清除ESLint缓存
  缓存异常可能导致版本匹配问题，执行命令清理：

  npx eslint --clear-cache
  

• 重装项目依赖

  1. 删除node_modules文件夹以及对应的锁文件（package-lock.json/yarn.lock/pnpm-lock.yaml）
  2. 重新安装依赖：

     npm install
     # 用yarn则执行 yarn install，pnpm执行 pnpm install
     

• 校验ESLint配置文件
  确保.eslintrc.json配置正确，Next.js 14的默认配置无需手动添加@next/next插件，正确内容应为：

  {
    "extends": ["next/core-web-vitals"]
  }
  

• 调整ESLint版本至兼容范围
  Next.js 14.1.0暂不兼容ESLint 9.x版本，可降级到8.x系列：

  npm install eslint@8.x --save-dev
  

• 规避全局ESLint冲突
  若全局安装了ESLint，可能和项目本地版本冲突：

  • 优先使用本地ESLint执行检查：npx eslint .
  • 或卸载全局ESLint：npm uninstall -g eslint

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