eslint 不在 .tsx 的返回中应用规则

Question

我在我的 react + Typescrint 项目中使用以下命令配置了 eslint：

npx eslint --int

和标准规则。

规则在我的 .js 文件和 .tsx 返回之外正确应用。

import './App.css'

function App () {
  const a = 'Hello World'

  return (
    <div className="App">
    </div>
  )
}

export default App

在变量中键入“Hello World”会立即格式化它，但 className“App”引号不会。缩进也不起作用

这是我的.eslintrc.cjs:

module.exports = {
  env: {
    browser: true,
    es2021: true
  },
  extends: [
    'standard-with-typescript',
    'plugin:react/recommended'
  ],
  overrides: [
    {
      files: ['*.ts', '*.tsx'],
      parser: '@typescript-eslint/parser',
      parserOptions: {
        ecmaVersion: 'latest',
        sourceType: 'module',
        project: './client/tsconfig.json'
      },
      plugins: [
        '@typescript-eslint',
        'react'
      ],
      rules: {
      }
    }
  ],
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: './client/tsconfig.json'
  },
  plugins: [
    'react'
  ],
  rules: {
    '@typescript-eslint/explicit-function-return-type': 'off',
    'react/react-in-jsx-scope': 'off'
  }
}

有谁知道为什么或者可以告诉我我在配置中缺少什么，非常感谢。

尝试手动包含引号、缩进...规则。