ESLint 不适用于项目中现有的 .eslintrc.json 文件答案

【问题标题】：ESLint not working with existing .eslintrc.json file in projectESLint 不适用于项目中现有的 .eslintrc.json 文件
【发布时间】：2021-03-21 09:16:36
【问题描述】：

我在 VS Code 上尝试了很多方法，例如卸载/重新安装 ESLint。 npm install eslint -g，手动放入

{
  "eslint.options": { "configFile": "C:/mydirectory/.eslintrc.json" }
}

到我的 settings.json 文件中：

{
    "window.zoomLevel": 1,
    "editor.wordWrap": true,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "workbench.iconTheme": "vscode-icons",
    "yaml.schemas": {
        "REDACTED"
    },
    "atlascode.jira.jqlList": [
        {
            REDACTED
        }
    ],
    "vsicons.dontShowNewVersionMessage": true,
    "workbench.colorTheme": "Dark++",
    "emmet.showSuggestionsAsSnippets": true,
    "emmet.triggerExpansionOnTab": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "editor.fontSize": 15,
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "atlascode.jira.lastCreateSiteAndProject": {
        "siteId": REDACTED,
        "projectKey": ""
    },
    "highlightLine.borderColor": "#65EAB9",
    "highlightLine.borderStyle": "inset",
    "highlightLine.borderWidth": "2px",
    "editor.renderWhitespace": "boundary",
    "git.autofetch": true,
    "[typescriptreact]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "eslint.alwaysShowStatus": true
}

这是我的 eslintrc.json 文件：

{
    "extends": [
        "plugin:react/recommended",
        "plugin:@typescript-eslint/recommended",
        "eslint:recommended"
    ],
    "plugins": [
        "@typescript-eslint",
        "react",
        "react-hooks"
    ],
    "env": {
        "browser": true,
        "jest": true,
        "es6": true
    },
    "rules": {
        "max-len": ["error", { "code": 120 }],
        "quotes": [2, "single", { "avoidEscape": true }],
        "object-curly-spacing": ["error", "always"],
        "array-bracket-spacing": ["error", "never"],
        "react/jsx-uses-react": "error",
        "react/prop-types": [2, { "ignore": ["children"] }],
        "react-hooks/rules-of-hooks": "error",
        "react/jsx-tag-spacing": ["error", { "beforeSelfClosing": "always" }]
    },
    "settings": {
        "react": {
            "pragma": "React",
            "version": "detect"
        }
    },
    "parser": "@typescript-eslint/parser"
}

我基本上是想让 VSCode 在我的 Routes.tsx 文件中有双引号（规则 #2）大喊大叫，该文件具有以下代码块：

<Route exact path={`${Constants.Routes.Recruit.MODULE}${Constants.Routes.App.REDIRECT_URI}`} render={() => {
                let cookies = document.cookie.split(";");
                for (let i = 0; i < cookies.length; i++) {
                    let cookie = cookies[i];
                    let eqPos = cookie.indexOf("=");
                    let name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
                    document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
                }
                document.location.href = urlRedirectIfUnauthenticated;
                return null
            }} >

我在这里做错了什么？

【问题讨论】：

标签： javascript typescript visual-studio-code eslint vscode-settings

【解决方案1】：

好的，它现在正在工作。更新 VSCode 后，将 "eslint.alwaysShowStatus": true 添加到我的 settings.json 文件中，然后启用 ESLint 以允许所有工作空间的无处不在。 ESLint 突出显示了需要更改的代码。我终于可以安心了。 :)

【讨论】：