配置 ESLint 警告未支持的 ES2024 语法，核心是在配置文件中将 parserOptions 的 ecmaVersion 设置为 2024 或 latest，并确保使用的解析器支持该版本。
先说结论：通过修改 ESLint 配置中的 ecmaVersion 参数指定目标 ECMAScript 版本，配合更新的解析器即可实现语法兼容性检查。
- 适合：需要限制或检查特定 JavaScript 语法版本的项目。
- 先准备：安装最新版本的 eslint 及对应解析器（如 @babel/eslint-parser）。
- 验收：运行 lint 命令确认新语法报错或警告符合预期。
命令速用版
若使用传统 .eslintrc.js 配置，在 module.exports 中添加 parserOptions 设置：
module.exports = {
parserOptions: { ecmaVersion: 2024 },
env: { es6: true }
};
若使用 ESLint 9+ 扁平化配置 eslint.config.js，配置方式如下：
export default [
{ languageOptions: { ecmaVersion: 2024 } }
];
为什么会这样
ESLint 基于抽象语法树（AST）进行代码分析，解析器决定了能识别哪些语法。
ESLint 本身不直接执行代码，而是先将源码转换为 AST 结构。如果 parserOptions 中的 ecmaVersion 低于代码实际使用的语法版本，解析器会报错或无法识别新特性。因此，设置正确的 ecmaVersion 是开启新版本语法检查的前提，同时需确保安装的 eslint 版本和解析器插件支持该标准。
分步处理
1. 安装与初始化：在项目根目录运行 npm install eslint `--save-dev` 安装依赖，随后运行 npx eslint `--init` 生成基础配置文件。
2. 修改配置项：打开生成的 .eslintrc.js 或 eslint.config.js 文件，找到 parserOptions 或 languageOptions 字段，将 ecmaVersion 值修改为 2024。
3. 配置运行环境：在 env 字段中确保启用 es6 或更高版本环境，例如 env: { browser: true, es6: true }，以加载对应的全局变量定义。
4. 保存并生效：保存配置文件，若使用 VSCode 请确保安装了 ESLint 插件并启用了实时检查功能。
怎么验证是否生效
在终端运行 npx eslint . `--ext` .vue,.js 检查项目文件。
观察输出日志，若代码中使用了超出配置版本的语法，ESLint 应报告 parsing error 或相关规则警告。也可在 package.json 的 scripts 中配置 lint 命令，通过 npm run lint 统一执行检查。
常见坑
1. 解析器版本过低：即使配置了 ecmaVersion: 2024，若 eslint 或 parser 插件版本过旧，仍无法识别新语法，需同步升级相关依赖。
2. 编辑器缓存未刷新：VSCode 等编辑器可能缓存了旧的 ESLint 配置，修改配置后需重启编辑器或运行 Developer: Reload Window 重新加载。
3. 规则冲突：自定义 rules 可能覆盖默认行为，例如 no-unused-vars 等规则需单独配置，避免与语法检查混淆。
常见问题
配置后为什么不报错？
可能解析器不支持该版本或 ecmaVersion 设置未生效，请检查配置文件路径是否正确以及 eslint 版本是否为 9 及以上。
如何只对特定文件启用 ES2024 检查？
可以在 ESLint 配置中使用 overrides 字段，针对特定 glob 模式的文件设置不同的 parserOptions 。
IDE 提示与命令行不一致怎么办？
通常因 IDE 插件使用的 ESLint 版本与项目本地版本不同，建议在 VSCode 设置中指定使用项目本地的 ESLint 版本。
参考来源
1. 如何配置 Eslint 语法检查-CSDN 博客
2. eslint2024 配置
3. ESLint | IntelliJ IDEA 文档
4. 2024 年 Web 前端最新 VUE 项目配置 Eslint 后一些报错解决方式，软件开发面试题及答案
5. eslint 语法检查及规则配置_eslint.config.mjs-CSDN 博客
6. 告别手动修复代码，一键解决 ESLint 警告 (VSCode 配置实战)