NextJS+TS新项目报错：Failed to load config "next/core-web-vitals" to extend from 解决方法

常见修复方案： #

• 检查并更新Next.js版本
  该报错多因旧版Next.js与新版ESLint配置不兼容导致，执行命令更新至最新稳定版：

  npm install next@latest
  # yarn用户执行：yarn add next@latest
  # pnpm用户执行：pnpm add next@latest
  

• 重新安装ESLint相关依赖
  依赖安装不完整或缓存异常可能引发问题，先卸载再重装：

  # 卸载现有依赖
  npm uninstall eslint eslint-config-next
  # 重新安装开发依赖
  npm install eslint eslint-config-next --save-dev
  

• 修正ESLint配置文件
  打开项目根目录的.eslintrc.json（或.eslintrc.js），确保extends字段配置正确：

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

  若使用的是较旧版本Next.js，不支持next/core-web-vitals配置，可替换为：

  {
    "extends": ["next", "next/typescript"]
  }
  

• 清除包管理器缓存
  缓存损坏也可能导致依赖加载异常，执行对应命令清除缓存后重新安装依赖：

  # npm清除缓存
  npm cache clean --force
  # yarn清除缓存
  yarn cache clean
  # pnpm清除缓存
  pnpm store prune
  

  之后重新安装所有依赖：

  npm install
  # 或 yarn install / pnpm install
  

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