VSCode/Prettier/EsLint 在可选链接运算符中添加空格

不知道发生了什么，但是在打开 ESLint 和 Prettier 的 VSCode 中，它会不断转换这样的行var?.foo?.bar into var ? .foo ? .bar然后抛出语法错误...我有以下内容：

{
  "trailingComma": "all",
  "tabWidth": 2,
  "useTabs": false,
  "semi": false,
  "singleQuote": true
  }

{
  "extends": ["airbnb", "airbnb-typescript"],
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  "parser": "@babel/eslint-parser",
  "rules": {
   "@typescript-eslint/semi": "off",
   "semi": "off",
   "import/prefer-default-export": "off",
   "no-unused-vars": ["error", { "argsIgnorePattern": "next" }],
   "react/react-in-jsx-scope": "off",
   "react/jsx-one-expression-per-line": "off",
   "react/jsx-props-no-spreading": "off",
   "jsx-a11y/label-has-associated-control": "off",
   "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx", ".ts", ".tsx"] }],
   "react/function-component-definition": "off",
   "react/require-default-props": "off",
   "no-param-reassign": "off"
  }
}

如何阻止 VSCode 添加这些空格？

我可能有点晚了，但至少对我来说，这个问题是由 VSCode 使用另一个扩展的“Beautify”格式化程序引起的，而不是 ESlint。我必须打开命令面板（Ctrl + Shift + P)，然后选择>Format document with...，然后在底部选择Configure default formatter，然后选择 ESlint 作为默认值。