ESLint VSCode插件适配eslint.config.mjs失败问题求助

以下是针对你的Express.js项目场景的具体解决步骤：

方案1：适配ESLint 9.x默认的扁平配置（推荐） #

ESLint 9.x默认采用扁平配置格式（eslint.config.mjs），这是官方推荐的新规范，VS Code的ESLint插件完全支持该格式。你可以直接基于生成的配置文件调整，加入airbnb-base规则：

1. 安装必要依赖：

   npm install eslint-config-airbnb-base @eslint/js --save-dev
   

2. 修改eslint.config.mjs内容为：

   import js from '@eslint/js';
   import airbnbBase from 'eslint-config-airbnb-base';
   
   export default [
     js.configs.recommended,
     ...airbnbBase,
     {
       languageOptions: {
         ecmaVersion: 12,
         sourceType: 'commonjs',
         globals: {
           node: true,
         },
       },
       files: ['**/*.js'], // 指定检测的文件范围
     },
   ];
   

3. 重启VS Code的ESLint服务：打开命令面板（Ctrl+Shift+P），执行ESLint: Restart ESLint Server

方案2：强制使用旧版.eslintrc.js配置 #

如果你坚持使用旧版配置格式，需要手动关闭ESLint的扁平配置模式：

1. 安装airbnb-base的依赖（之前可能缺失）：

   npm install eslint-config-airbnb-base eslint-plugin-import --save-dev
   

2. 修改VS Code的设置（settings.json），添加：

   "eslint.useFlatConfig": false
   

3. 验证CLI是否能正常检测：运行npx eslint .，如果能输出错误/警告，说明配置有效
4. 重启VS Code并重新加载ESLint服务

通用排查步骤 #

• 确保VS Code的ESLint插件是最新版本：在扩展市场找到ESLint插件，点击"更新"
• 检查项目根目录是否存在.eslintignore文件，确认没有误排除需要检测的文件
• 故意编写一段不符合规则的代码（比如声明变量后不使用），运行npx eslint your-test-file.js，确认ESLint本身能正常工作
• 检查VS Code设置中eslint.enable是否为true

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