VSCode中的ESLint在保存时未修复

Question

我在VSCode中的Vue（Nuxt）项目中使用ESLint。当我保存时，我希望我的ESLint自动运行并自动修复所有警告。

这是我的设置。VSCode中的json文件：

{
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.validation.template": false,
    "vetur.completion.scaffoldSnippetSources": {},
    "vetur.completion.useScaffoldSnippets": false,
    "vetur.format.defaultFormatter.html": "none",
    "workbench.iconTheme": "material-icon-theme",
    "git.autofetch": true,
    "git.defaultCloneDirectory": "",
    "gitlens.views.repositories.files.layout": "list",
    "editor.tabSize": 2,
    "editor.detectIndentation": false,
}

这是我的。js文件：

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true,
  },
  extends: [
    "@nuxtjs",
    "plugin:nuxt/recommended",
    "../.eslintrc.js"
  ],
  rules: {
    //Add custom rules for the frontend here.
    //Rules that are common for shared, frontend and backend should go in the parent file
    "nuxt/no-cjs-in-config": "off",
  },
}

链接的../.eslintrc。js文件包含以下内容：

module.exports = {
  parserOptions: {
    parser: 'babel-eslint',
  },
  plugins: ['jest'],
  rules: {
    'prefer-const': 'off',
    'comma-dangle': ['error', 'always-multiline'],
    'prefer-template': 'error',
  },
  env: {
    'jest/globals': true
  }
}

编辑：我已经打开了详细输出，我在输出中看到了这一点：

(node:6832) UnhandledPromiseRejectionWarning: Error: Failed to load plugin 'import' declared in 'frontend\.eslintrc.js » @nuxtjs/eslint-config': Cannot find module 'eslint-plugin-import'
Require stack:

然后我运行了yarn add eslint plugin import并重试，它仍然返回相同的错误。

Answer 1

我已经设法解决了这个问题。问题是我的解决方案中有多个工作目录，它们都有自己的eslint配置。将以下行放入VSCode的settings.json文件解决了我的问题：

"eslint.workingDirectories": [{ "mode": "auto" }]

Answer 2

React和Typecript的简单解决方案：


命令P
 搜索“vscode settings.json”

粘贴以下内容并保存。你应该可以走了。



{
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
  ],
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
  },
}

更新：我又试了一次，我不得不做同样的步骤，但是搜索“settings.json”并且成功了。

2022年11月6日更新：可能不需要eslint.validate：

"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
  }

Answer 3

获取eslint插件，将此代码添加到您的settings.json

 {
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": ["javascript"]
 }

来源