Next.js 13中yarn dev时ESLint不自动运行的问题排查

下面是几个可能导致yarn dev时ESLint不自动运行的原因，你可以逐一排查：

• Next.js配置禁用了ESLint自动检测
  打开next.config.js，检查是否有如下配置：

  const nextConfig = {
    eslint: {
      ignoreDuringBuilds: true, // 这个配置会让Next.js在开发/构建时跳过ESLint检测
    },
  }
  

  如果有，把ignoreDuringBuilds改成false，或者直接删掉这部分配置（默认值就是false）。

• 缺少Next.js专属ESLint插件
  Next.js在dev模式下自动运行ESLint依赖@next/eslint-plugin-next插件，如果你是手动安装的ESLint，可能没装这个包。执行下面的命令安装：

  yarn add @next/eslint-plugin-next --dev
  

• ESLint配置未继承Next.js规则集
  打开.eslintrc.json，确保extends字段包含Next.js的规则扩展，比如：

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

  或者至少包含"next"，只有这样Next.js才能识别并在dev流程中触发ESLint检测。

• dev脚本添加了禁用ESLint的参数
  检查package.json里的scripts，确保dev命令没有--no-lint参数：

  {
    "scripts": {
      "dev": "next dev", // 正确写法，不要加--no-lint
      "lint": "next lint"
    }
  }
  

• .eslintignore配置异常
  检查项目根目录的.eslintignore文件，确认没有把所有源码文件都加入忽略列表，否则dev时ESLint会跳过检测，但手动执行yarn lint可能不受影响。

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