我在反应 vscode 中遇到额外空格错误的问题

Posted 2023-03-27

【中文标题】我在反应 vscode 中遇到额外空格错误的问题

【英文标题】：i have problem with extra spaces error in react vscode

【发布时间】：2020-11-08 15:02:51

【问题描述】：

hy，我在使用 vscode 中的 reactjs 和 react-native 页面时遇到问题。 示例 =“预期缩进 10 个空格，但找到 20 个”。 我安装了 eslint 和更漂亮，但它没有 那是我的 .eslintrc：

    "env": 
        "browser": true,
        "es2020": true,
        "node": true
    ,
    "extends": [
        "plugin:react/recommended",
        "airbnb"
    ],
    "parser": "babel-eslint",
    "parserOptions": 
        "ecmaFeatures": 
            "jsx": true
        ,
        "ecmaVersion": 11,
        "sourceType": "module"
    ,
    "plugins": [
        "react",
        "@typescript-eslint"
    ],
    "rules": 
        "indent": [2, "tab",  "SwitchCase": 1, "VariableDeclarator": 1 ],
        "no-tabs": 0,
        "react/prop-types": 0,
        "react/jsx-indent": [2, "tab"],
        "react/jsx-indent-props": [2, "tab"],
    

但我认为我的 setting.json 有问题

我该如何解决？

【参考方案1】：

转到“文件”>“首选项”>“设置”，然后搜索“缩进”。 搜索“标签大小”并将其设为 4。 搜索“auto indent”并选择“full”。

我希望这对你有用。

【讨论】：

制表符大小为 4 且自动缩进已满，我没有更改。什么需要是“editor.defaultFormatter”：？？？