Issue with ESLint Vue following Laracasts Visual Studio Code Series

Hello guys,

I followed the series https://laracasts.com/series/visual-studio-code-for-php-developers/episodes/17 to try to run ESLint vue plugin within Visual Studio Code.

I was able to successfully install eslint. But when I attempted to install eslint-vue, after inserting into .eslintrc.json,

    "extends": [
        "eslint:recommended",
        "plugin:vue/essential"
    ],

I receive this error from vs code

Failed to load config "plugin:vue/essential" to extend from. Referenced from: /Users/xxx/Dropbox/xxx/.eslintrc.json

Does anyone have any idea why is this so?

I've installed both ESLint and ESLint-vue globally.

Any help would be greatly appreciated!

Level 22

I have the same problem!

2 likes

Best Answer

Level 26

I've solved it. Thanks to the people over at Glitter.

The official beta documentation is outdated. Simply follow instructions from this latest documentation. https://github.com/vuejs/eslint-plugin-vue/tree/v3.14.0#readme

eslint-plugin-vue@beta is v.3.14.0

As per documentation, use these settings instead.

    "extends": [
        "eslint:recommended",
        "plugin:vue/recommended"
    ],

Cheers!

2 likes

Please or to participate in this conversation.