eslint-config-prettier: Failed to load config "prettier/vue" to extend from

Module build failed (from ./node_modules/thread-loader/dist/cjs.js):
Thread Loader (Worker 0)
Failed to load config "prettier/vue" to extend from.
Referenced from: /usr/src/.eslintrc.json
    at PoolWorker.fromErrorObj (/usr/src/admin/node_modules/thread-loader/dist/WorkerPool.js:258:12)
    at configMissingError (/usr/src/admin/node_modules/eslint/lib/cli-engine/config-array-factory.js:233:9)
    at ConfigArrayFactory._loadExtendedShareableConfig (/usr/src/admin/node_modules/eslint/lib/cli-engine/config-array-factory.js:708:23)
    at ConfigArrayFactory._loadExtends (/usr/src/admin/node_modules/eslint/lib/cli-engine/config-array-factory.js:613:25)
    at ConfigArrayFactory._normalizeObjectConfigDataBody (/usr/src/admin/node_modules/eslint/lib/cli-engine/config-array-factory.js:545:25)
    at _normalizeObjectConfigDataBody.next (<anonymous>)
    at ConfigArrayFactory._normalizeObjectConfigData (/usr/src/admin/node_modules/eslint/lib/cli-engine/config-array-factory.js:491:20)
    at _normalizeObjectConfigData.next (<anonymous>)
    at ConfigArrayFactory._normalizeObjectConfigDataBody (/usr/src/admin/node_modules/eslint/lib/cli-engine/config-array-factory.js:545:25)
    at _normalizeObjectConfigDataBody.next (<anonymous>)
    at ConfigArrayFactory._normalizeObjectConfigData (/usr/src/admin/node_modules/eslint/lib/cli-engine/config-array-factory.js:491:20)

here is my .eslintrc.json:

{
  "extends": [
    "eslint:recommended",
    "plugin:vue/recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:prettier/recommended",
    "prettier/vue"
  ],
  "plugins": ["prettier", "@typescript-eslint", "vue"],
  "env": {
    "node": true
  },
  "parser": "vue-eslint-parser",
  "parserOptions": {
     "parser": "@typescript-eslint/parser"
  },
  "rules": { ... }
}

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Reactions: 3
  • Comments: 15 (1 by maintainers)

Commits related to this issue

Most upvoted comments

It would help to see your package.json, but doing this worked for me:

npm i eslint prettier-eslint eslint-config-prettier --save-dev

Update: according to @monkpit, adding eslint-plugin-prettier might be needed too. If the above doesn’t fix, try:

npm i eslint prettier-eslint eslint-config-prettier eslint-plugin-prettier --save-dev

Then restarting VSCode.

if you are using current version "eslint-config-prettier": "^8.0.0", then it’s no longer have to extends prettier/vue check https://github.com/prettier/eslint-config-prettier, commit 03c79b9306892d4dbc828, it already merge vue.js to index.js.

Therefore, you just have to extends prettier or eslint-config-prettier in your .eslintrc.js and removed the prettier/vue.

I installed @vue/eslint-config-prettier and it solved it.

Whats the solution? Me too!!!

@monkpit Just edited my answer in case someone else faces the same issue.

without @vue/prettier everything works

this work for me guys **@vue/eslint-config-prettier**

what was the solution? just got the same error

@nandorojo I also needed to add eslint-plugin-prettier to this list and then it was working for me.