ESLint@9.1.0配置疑问：.eslintrc失效与flat配置相关问题

能否继续使用.eslintrc文件？ #

ESLint 9.x 默认启用扁平配置（Flat Config），不再自动识别传统的.eslintrc.*系列配置文件，这就是直接运行npx eslint .会提示「Could not find config file」的原因。如果想继续保留.eslintrc格式，有两种解决方式：

• 方式一：运行ESLint时显式指定配置文件路径

  npx eslint . --config .eslintrc.js
  

  （把.eslintrc.js替换成你实际生成的配置文件名）
• 方式二：安装兼容包让ESLint 9.x支持传统配置
  1. 安装依赖包：

     npm install @eslint/eslintrc --save-dev
     

  2. 在项目根目录创建eslint.config.mjs，写入以下代码来加载你的.eslintrc配置：

     import { FlatCompat } from "@eslint/eslintrc";
     import path from "path";
     import { fileURLToPath } from "url";
     
     const __filename = fileURLToPath(import.meta.url);
     const __dirname = path.dirname(__filename);
     const compat = new FlatCompat({
         baseDirectory: __dirname,
         recommendedConfig: require("@eslint/js").configs.recommended
     });
     
     export default [...compat.config({
         extends: [".eslintrc.js"] // 替换为你的.eslintrc文件名
     })];
     

  之后运行npx eslint .就能正常识别传统配置了。

如何本地安装使用eslint/config命令？ #

npm init eslint/config实际调用的是create-eslint-config工具包，要在本地安装后使用，按以下步骤操作：

• 第一步：安装工具包到开发依赖

  npm install create-eslint-config --save-dev
  

• 第二步：在项目的package.json中添加自定义脚本

  {
    "scripts": {
      "init-eslint": "create-eslint-config"
    }
  }
  

• 第三步：运行本地命令生成扁平配置

  npm run init-eslint
  

  执行后会进入交互式配置流程，完成后就能生成有效的eslint.config.mjs文件，全程无需依赖全局安装的ESLint。

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