typescript - eslint 某些规则不会显示在编辑器上，但会显示在控制台上

Question

我正在使用eslintwith@typescript-eslint并且其运行良好的错误按预期显示在编辑器上，但特定规则@typescript-eslint/consistent-type-assertions仅显示在控制台上而不显示在编辑器上。

配置了eslint扩展，显示编辑器错误：

但由于某种原因，此特定规则不会显示在编辑器上：

我需要添加什么样的配置才能允许编辑器错误（可能还有其他规则）不起作用？

编辑：.eslintrc.js

module.exports = {
  env: {
    browser: true,
    es6: true,
    jest: true,
  },
  extends: [
    'react-app',
    'airbnb',
    'plugin:@typescript-eslint/recommended',
  ],
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
  },
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 2018,
    sourceType: 'module',
  },
  plugins: ['react', 'import', 'jsx-a11y', 'es'],
  rules: {
    'semi': 'off',
    'multiline-ternary': ['error', 'never'],

    'react/jsx-filename-extension': ['error',
      { extensions: ['.tsx'] },
    ],

    'import/prefer-default-export': 'off',
    'import/no-namespace': ['error'],
    'import/no-dynamic-require': ['error'],
    'import/no-extraneous-dependencies': ['error', { packageDir: './' }],
    'import/extensions': ['error', {
      ts: 'never',
      tsx: 'never',
    }],

    'es/no-destructuring': 'error',
    
    '@typescript-eslint/explicit-member-accessibility': 'off',
    '@typescript-eslint/explicit-function-return-type': 'off',
    '@typescript-eslint/explicit-module-boundary-types': 'off',
    '@typescript-eslint/semi': 'error',
    '@typescript-eslint/member-delimiter-style': ['error', {
      multiline: {
        delimiter: 'semi',
        requireLast: true,
      },
      singleline: {
        delimiter: 'semi',
        requireLast: true,
      },
    }],

  },
  settings: {
    'import/parsers': {
      '@typescript-eslint/parser': ['.ts', '.tsx'],
    },
    'import/resolver': {
      typescript: {},
    },
  },
};

设置.json

  ...
  "eslint.validate": [
    "javascript",
    "javascriptreact",
  ],
  ...