Visual studio code 如何从VS代码中消除缩进/空格错误？

我正在做我的React项目，我得到了

第13:5行：预期缩进6个空格字符，但在VS代码中发现了4个React/jsx缩进

这种错误，它甚至不允许我的代码在浏览器上运行

我有一个eslint插件。但我不知道出了什么问题

我正在使用CRA（CreateReact应用程序）和ESlint插件

以下是错误的图像：

以下是.eslint文件的代码：

  "extends": [
    "airbnb",
    "plugin:react-hooks/recommended"
  ],
  "parser": "babel-eslint",

  "plugins": [
    "react"
  ],

  "env": {
    "browser": true,
    "node": true,
    "mocha": true,
    "es6": true
  },

  "rules": {
    "no-unused-vars": [1, {}],
    "import/no-extraneous-dependencies": "error",
    "jsx-a11y/anchor-is-valid": [ "error", {
      "components": [ "Link" ],
      "specialLink": [ "to", "hrefLeft", "hrefRight" ],
      "aspects": [ "noHref", "invalidHref", "preferButton" ]
    }],
    "jsx-a11y/label-has-associated-control": [0, {}],
    "jsx-a11y/label-has-for": [ "error", {
      "required": {
        "some": [ "id" ]
      }
    }],
    "max-len": ["error", {"code": 120, "ignoreRegExpLiterals": true, "tabWidth": 2}],
    "no-console": [0],
    "no-alert": [0],
    "no-trailing-spaces": "off",
    "no-multiple-empty-lines": "off",
    "linebreak-style": "off",
    "react/jsx-one-expression-per-line": [0, { "allow": "literal" }],
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
    "react/jsx-fragments" : ["off", "element"],
    "react/jsx-props-no-spreading": [0, {"html": "ignore"}],
    "rest-spread-spacing": "off",
    "arrow-parens": [2, "as-needed", { "requireForBlockBody": true }],
    "template-curly-spacing" : "off",
    "indent" : "off"
  },
  "settings": {
    "import/resolver": {
      "alias": {
        "map": [
          [ "@", "./src" ]
        ],
        "extensions": [".js", ".css", ".sass", ".json", ".jsx"]
      }
    }
  }
}

---

我怎样才能摆脱这个问题？

我假设您正在使用Create-React应用程序和自定义的ESLint配置。你能发布你的eslintrc文件并确认你正在使用CRA吗？是的，我正在使用CRA，我已经添加了.eslint配置