Javascript 虽然服务器正在运行，但eslint不起作用

我在线下载了一个前端模板并安装了所有软件包，一个.eslint.json文件确实存在，扩展名安装在Visual Studio代码中，但它没有显示任何linting错误

这是我的.eslint.json文件

{
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "modules": true,
      "experimentalObjectRestSpread": true
    }
  },
  "extends": [
    "airbnb",
    "prettier",
    "prettier/react",
    "plugin:flowtype/recommended"
  ],
  "plugins": ["flowtype", "react"],
  "env": {
    "browser": true,
    "node": true,
    "jest": true
  },
  "rules": {
    "import/no-extraneous-dependencies": ["error", { "packageDir": "./" }],
    "jsx-a11y/anchor-is-valid": [
      "error",
      {
        "components": ["Link"],
        "specialLink": ["to"]
      }
    ]
  }
}

{
  "name": "reactjs-template",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "eslint-plugin-prettier": "^3.1.1",
    "react": "^16.6.3",
    "react-dom": "^16.6.3",
    "react-scripts": "2.1.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "test:auto": "mocha test",
    "eject": "react-scripts eject",
    "lint": "eslint src --ext .js,.jsx",
    "flow": "flow"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-flow": "^6.23.0",
    "chai": "^4.2.0",
    "chai-as-promised": "^7.1.1",
    "eslint": "^6.6.0",
    "eslint-config-airbnb": "^17.1.0",
    "eslint-config-prettier": "^6.6.0",
    "eslint-plugin-flowtype": "^3.2.0",
    "eslint-plugin-import": "^2.14.0",
    "eslint-plugin-jsx-a11y": "^6.1.2",
    "eslint-plugin-react": "^7.11.1",
    "flow-bin": "0.83.0",
    "flow-typed": "^2.5.1",
    "mocha": "^5.2.0",
    "prettier": "^1.19.1",
    "selenium-webdriver": "^4.0.0-alpha.1"
  }
}

{
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "choseToUpdateConfiguration",
  "eslint.packageManager": "yarn",
  "javascript.autoClosingTags": false,
  "javascript.format.enable": false,
  "javascript.format.insertSpaceAfterCommaDelimiter": false,
  "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false,
  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false,
  "javascript.format.insertSpaceAfterKeywordsInControlFlowStatements": false,
  "javascript.format.insertSpaceAfterSemicolonInForStatements": false,
  "javascript.format.insertSpaceBeforeAndAfterBinaryOperators": false,
  "typescript.tsc.autoDetect": "off",
  "files.eol": "\n",
  "prettier.endOfLine": "lf",
  "prettier.jsxSingleQuote": true,

  "prettier.singleQuote": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "eslint.alwaysShowStatus": true,
  "eslint.lintTask.enable": true,

  "eslint.run": "onSave",
  "eslint.autoFixOnSave": true



}

这是我的package.json文件

{
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "modules": true,
      "experimentalObjectRestSpread": true
    }
  },
  "extends": [
    "airbnb",
    "prettier",
    "prettier/react",
    "plugin:flowtype/recommended"
  ],
  "plugins": ["flowtype", "react"],
  "env": {
    "browser": true,
    "node": true,
    "jest": true
  },
  "rules": {
    "import/no-extraneous-dependencies": ["error", { "packageDir": "./" }],
    "jsx-a11y/anchor-is-valid": [
      "error",
      {
        "components": ["Link"],
        "specialLink": ["to"]
      }
    ]
  }
}

{
  "name": "reactjs-template",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "eslint-plugin-prettier": "^3.1.1",
    "react": "^16.6.3",
    "react-dom": "^16.6.3",
    "react-scripts": "2.1.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "test:auto": "mocha test",
    "eject": "react-scripts eject",
    "lint": "eslint src --ext .js,.jsx",
    "flow": "flow"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-flow": "^6.23.0",
    "chai": "^4.2.0",
    "chai-as-promised": "^7.1.1",
    "eslint": "^6.6.0",
    "eslint-config-airbnb": "^17.1.0",
    "eslint-config-prettier": "^6.6.0",
    "eslint-plugin-flowtype": "^3.2.0",
    "eslint-plugin-import": "^2.14.0",
    "eslint-plugin-jsx-a11y": "^6.1.2",
    "eslint-plugin-react": "^7.11.1",
    "flow-bin": "0.83.0",
    "flow-typed": "^2.5.1",
    "mocha": "^5.2.0",
    "prettier": "^1.19.1",
    "selenium-webdriver": "^4.0.0-alpha.1"
  }
}

{
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "choseToUpdateConfiguration",
  "eslint.packageManager": "yarn",
  "javascript.autoClosingTags": false,
  "javascript.format.enable": false,
  "javascript.format.insertSpaceAfterCommaDelimiter": false,
  "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false,
  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false,
  "javascript.format.insertSpaceAfterKeywordsInControlFlowStatements": false,
  "javascript.format.insertSpaceAfterSemicolonInForStatements": false,
  "javascript.format.insertSpaceBeforeAndAfterBinaryOperators": false,
  "typescript.tsc.autoDetect": "off",
  "files.eol": "\n",
  "prettier.endOfLine": "lf",
  "prettier.jsxSingleQuote": true,

  "prettier.singleQuote": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "eslint.alwaysShowStatus": true,
  "eslint.lintTask.enable": true,

  "eslint.run": "onSave",
  "eslint.autoFixOnSave": true



}

---

我下载的模板是一家公司的个人模板，但这里是package.json，以查看它需要什么，如果没有遗漏某些内容，请按照以下步骤进行操作或检查：

• 如果没有，请为VSCode下载ESLint和更漂亮的扩展
• 在您的项目中安装ESlint和Prettier库

  npm安装-D ESlint Prettier

  （或使用纱线）
• 安装eslint config prettier（禁用eslint的格式）和eslint plugin prettier（允许eslint在键入时显示格式错误）

  npm安装-D eslint config prettier eslint plugin prettier

之后，如果在安装所有依赖项时考虑了eslintrc文件，则应该能够重新启动vscode并直接在编辑器中查看错误

---

请注意，这是一种“通用”功能，您可能需要安装更多的软件包来添加更多验证。

如果没有遗漏某些功能，请按照以下步骤进行操作或检查：

• 如果没有，请为VSCode下载ESLint和更漂亮的扩展
• 在您的项目中安装ESlint和Prettier库

  npm安装-D ESlint Prettier

  （或使用纱线）
• 安装eslint config prettier（禁用eslint的格式）和eslint plugin prettier（允许eslint在键入时显示格式错误）

  npm安装-D eslint config prettier eslint plugin prettier

之后，如果在安装所有依赖项时考虑了eslintrc文件，则应该能够重新启动vscode并直接在编辑器中查看错误

---

---

请注意，这是“通用”的，您可能需要安装更多的软件包来添加更多验证。

您使用的是Visual Studio还是Visual Studio代码？我使用的是Visual Studio代码您的问题不完整。您使用的模板是什么？安装了哪些软件包（显示

package.json

文件）？你安装了哪些插件？@emilebergron我在原始问题中粘贴了package.json文件。谢谢有人能帮助您使用Visual Studio或Visual Studio代码吗？我正在使用Visual Studio代码您的问题不完整。您使用的模板是什么？安装了哪些软件包（显示

package.json

文件）？你安装了哪些插件？@emilebergron我在原始问题中粘贴了package.json文件。谢谢，有人能帮忙吗pls@tony_h您能检查一下您是否真的将eslint配置文件命名为“.eslintrc.json”吗？将其命名为“.eslint.json”将使其无法由vscode按默认值进行重组。请直接在此处复制文件名：.eslintrc.json是否可以在vscode“用户设置”中打开并在搜索栏中写入“eslint验证”？在这里，您将看到linter使用的一些语言，请确保选中了所需的语言，并尝试执行“command+shift+p”和编写“eslint enable”。然后，按enter键以确保已启用过梁。然后重新启动。我编辑并粘贴了settings.json文件以供您使用see@tony_h您能检查一下您是否真的将eslint配置文件命名为“.eslintrc.json”吗？将其命名为“.eslint.json”将使其无法由vscode按默认值进行重组。请直接在此处复制文件名：.eslintrc.json是否可以在vscode“用户设置”中打开并在搜索栏中写入“eslint验证”？在这里，您将看到linter使用的一些语言，请确保选中了所需的语言，并尝试执行“command+shift+p”和编写“eslint enable”。然后，按enter键以确保已启用过梁。然后重新启动。我编辑并粘贴了settings.json文件供您查看