ESLint v9迁移报错：将.eslintrc.cjs转为eslint.config.js失败

错误原因解析 #

你当前的配置存在两个核心问题：

• 错误将@eslint/js作为插件注册，并尝试设置不存在的eslint规则（ESLint内置规则无需通过插件前缀引用）
• 未正确迁移原配置中所有extends项到扁平配置格式

正确迁移步骤 #

1. 安装必要依赖 #

确保项目已安装以下依赖（未安装则执行下方命令）：

npm install @eslint/js vue-eslint-parser @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-config-prettier --save-dev

2. 编写正确的eslint.config.js #

替换你当前的配置为以下内容，完全匹配原.eslintrc.cjs的规则集合：

import eslint from "@eslint/js";
import vue from "eslint-plugin-vue";
import tseslint from "@typescript-eslint/eslint-plugin";
import tsParser from "@typescript-eslint/parser";
import prettier from "eslint-config-prettier";

export default [
  // 对应原配置的eslint:recommended
  eslint.configs.recommended,
  // 对应原配置的plugin:vue/vue3-recommended
  ...vue.configs["flat/recommended"],
  // 对应原配置的plugin:@typescript-eslint/recommended
  {
    files: ["**/*.ts", "**/*.tsx", "**/*.vue"],
    languageOptions: {
      parser: tsParser,
      parserOptions: {
        ecmaVersion: "latest",
        sourceType: "module",
        extraFileExtensions: [".vue"]
      }
    },
    plugins: {
      "@typescript-eslint": tseslint
    },
    rules: {
      ...tseslint.configs.recommended.rules
    }
  },
  // 对应原配置的prettier（禁用与Prettier冲突的ESLint规则）
  prettier
];

3. 验证配置 #

运行lint命令测试修复效果：

npx eslint .

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