Nuxt•6d ago

Nuxt / ESLint and VS Code

Does anyone have the new ESLint module / flat config working in VS Code? I've been trying with the latest Nuxt and ESlint extension (3.10 and also 3.13) in VS Code, and it doesn't seem to work. I have an error in the ESLint output window in VS Code

[Error - 4:48:00 PM] Request textDocument/diagnostic failed. Message: Request textDocument/diagnostic failed with message: Invalid Options: - Unknown options: configFile - 'configFile' has been removed. Please use the 'overrideConfigFile' option instead. Code: -32603

The ESLint commands work fine from the CLI though. It's only an issue with the VS Code extension, it seems.

5 Replies

Ryan•6d ago

I also have this enabled in my settings.json: { "eslint.useFlatConfig": true }

Zeeeth•5d ago

Yeah i've got no issues with it i don't think i did any configuration at all

  "eslint.useFlatConfig": true,
  "eslint.format.enable": true,
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[typescript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[vue]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },

  "eslint.useFlatConfig": true,
  "eslint.format.enable": true,
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[typescript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[vue]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },

Ryan•5d ago

Which package manager do you use?

Zeeeth•5d ago

Yarn

Ryan•5d ago

Thanks, I will try that instead of npm I figured it out - I had some user settings that were conflicting with my workspace settings. I believe it was specifically this one causing my issue:

    "eslint.options": {
        "configFile": ".eslintrc.js"
    },

    "eslint.options": {
        "configFile": ".eslintrc.js"
    },

Thanks for your help!

Gaming

Programming

Nuxt / ESLint and VS Code