ESLint终端运行跳过.tsx文件但VSCode插件正常生效问题求助

你遇到的终端执行ESLint无法检测.tsx文件的问题，常见原因和对应解决方法如下：

• 原因1：命令行未指定识别.tsx后缀
  ESLint默认仅自动识别.js类后缀文件，即便你的配置支持TS/TSX语法，运行命令时也需要主动声明要检测的扩展名。
  解决方法：执行命令时添加--ext参数指定要检测的后缀：

# 单独检测单个.tsx文件
yarn eslint --ext .ts,.tsx ./src/components/Frame.tsx
# 检测src目录下所有.ts、.tsx文件
yarn eslint --ext .ts,.tsx ./src

如果需要让配置全局生效，也可以在ESLint配置文件中添加如下配置：

module.exports = {
  // ... 你原有其他配置
  overrides: [
    {
      files: ['*.ts', '*.tsx'],
      parser: '@typescript-eslint/parser',
      ecmaFeatures: { jsx: true }
    }
  ]
}

• 原因2：被忽略规则拦截
  检查你项目根目录下的.eslintignore文件，确认没有添加.tsx后缀匹配规则、或者目标文件路径没有被加入忽略列表。
• 原因3：依赖版本不兼容
  VSCode ESLint插件内置了独立的ESLint运行环境，和你项目本地安装的ESLint、TS语法解析依赖版本可能存在差异，如果本地依赖版本过低也会导致终端检测失效。
  解决方法：更新项目相关依赖到最新稳定版：

yarn add -D eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react

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