变量已使用仍触发@typescript-eslint/no-unused-vars警告，求原因

核心原因分析 #

• 版本兼容性冲突：@typescript-eslint 5.0.0要求TypeScript最低版本为4.4.0，你当前使用的TypeScript 4.3.5不满足版本要求，会导致ESLint无法正确同步TypeScript的类型信息，进而误判变量未被使用。
• tsconfig配置非法：你的tsconfig.json中包含"typescript.preferences.importModuleSpecifier": "relative"，这是VS Code编辑器的专属设置，不属于tsconfig.json的合法配置项，会干扰TypeScript和ESLint的配置解析流程，导致变量检测逻辑出错。
• ESLint未关联tsconfig：如果你的ESLint配置文件（如.eslintrc.js）未通过parserOptions.project指定tsconfig.json路径，ESLint无法获取TypeScript的编译规则，无法准确识别变量的实际使用场景。

对应解决步骤 #

1. 升级TypeScript版本
   执行命令将TypeScript升级到4.4.0及以上：

   npm install typescript@^4.4.0 --save-dev
   

2. 修正tsconfig.json配置
   删除tsconfig中的非法配置项，修正后的配置如下：

   {
     "compilerOptions": {
       "module": "commonjs",
       "declaration": true,
       "removeComments": true,
       "emitDecoratorMetadata": true,
       "experimentalDecorators": true,
       "allowSyntheticDefaultImports": true,
       "target": "es2017",
       "sourceMap": true,
       "outDir": "./dist",
       "baseUrl": "./",
       "incremental": true,
       "skipLibCheck": true,
       "strictNullChecks": false,
       "noImplicitAny": false,
       "strictBindCallApply": false,
       "forceConsistentCasingInFileNames": false,
       "noFallthroughCasesInSwitch": false
     }
   }
   

   若需设置importModuleSpecifier，请将该配置移至VS Code的settings.json中：

   {
     "typescript.preferences.importModuleSpecifier": "relative"
   }
   

3. 关联ESLint与tsconfig
   在ESLint配置文件中添加parserOptions.project配置（以.eslintrc.js为例）：

   module.exports = {
     parser: '@typescript-eslint/parser',
     parserOptions: {
       project: './tsconfig.json',
       tsconfigRootDir: __dirname,
       ecmaVersion: 2018,
       sourceType: 'module'
     },
     plugins: ['@typescript-eslint'],
     extends: [
       'eslint:recommended',
       'plugin:@typescript-eslint/recommended'
     ]
   };
   

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