Vue3项目中Typescript枚举触发ESLint报错的问题求助

这个报错通常是ESLint生态内版本不兼容或缓存问题导致的，以下是按优先级排列的解决方法：

1. 修复ESLint与TypeScript插件版本不匹配 #

这是最常见的诱因：

• 先查看当前依赖版本：

  npm list eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser
  

• 确保@typescript-eslint系列插件和ESLint核心版本兼容（比如ESLint 8.x对应@typescript-eslint 5.x或6.x），直接升级到最新兼容版本：

  npm install eslint@latest @typescript-eslint/eslint-plugin@latest @typescript-eslint/parser@latest --save-dev
  

2. 清理ESLint缓存 #

缓存残留可能导致异常报错，执行清理命令：

npx eslint --clear-cache

之后重启编辑器，重新检查文件。

3. 校验枚举语法 #

确认你的SortDirection枚举语法完全合规，比如：

export enum SortDirection {
  ASC = 'asc',
  DESC = 'desc'
}

避免隐性语法错误（如逗号遗漏、引号不匹配），这类问题可能触发ESLint内部逻辑报错。

4. 排查自定义ESLint规则 #

如果项目用了第三方或自定义ESLint规则，可能是规则处理枚举时出错：

• 暂时禁用.eslintrc中所有非官方规则，逐个恢复排查问题规则
• 移除可疑的plugins或rules配置项后重新测试

5. 重置ESLint配置 #

若以上方法都无效，备份现有.eslintrc等配置文件，执行：

npx eslint --init

重新生成适配Vue3+TypeScript的配置，再逐步恢复原有规则，定位冲突点。

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