prettier-vscode: Extension 'Prettier - Code formatter' cannot format ....

Summary

Even I set format on save and prettier as a default formatter, when I save my code it isn’t fixed. It shows error ‘Extension ‘Prettier - Code formatter’ cannot format …’

Github Repository to Reproduce Issue

https://github.com/Namukk/nomflix

Steps To Reproduce:

  1. Clone code
  2. Try to save it

Expected result

It should fix my code. Even I downloaded extensions and vscode again It shows same error.

Actual result

It doesn’t fix my code with error Extension 'Prettier - Code formatter' cannot format ....

Additional information

스크린샷 2021-03-14 오후 10 30 18

VS Code Version: 1.54.2

Prettier Extension Version: 6.2.0

OS and version: macOs Big Sur 11.2.3

Prettier Log Output

["INFO" - 2:50:38 PM] Extension Name: esbenp.prettier-vscode.
["INFO" - 2:50:38 PM] Extension Version: 6.2.0.
["INFO" - 2:50:38 PM] Enabling Prettier globally
["INFO" - 2:50:38 PM] Globally enabled selectors
{
  "languageSelector": [
    {
      "language": "javascript",
      "scheme": "file"
    },
    {
      "language": "mongo",
      "scheme": "file"
    },
    {
      "language": "javascriptreact",
      "scheme": "file"
    },
    {
      "language": "typescript",
      "scheme": "file"
    },
    {
      "language": "typescriptreact",
      "scheme": "file"
    },
    {
      "language": "json",
      "scheme": "file"
    },
    {
      "language": "jsonc",
      "scheme": "file"
    },
    {
      "language": "json5",
      "scheme": "file"
    },
    {
      "language": "css",
      "scheme": "file"
    },
    {
      "language": "postcss",
      "scheme": "file"
    },
    {
      "language": "less",
      "scheme": "file"
    },
    {
      "language": "scss",
      "scheme": "file"
    },
    {
      "language": "graphql",
      "scheme": "file"
    },
    {
      "language": "markdown",
      "scheme": "file"
    },
    {
      "language": "mdx",
      "scheme": "file"
    },
    {
      "language": "html",
      "scheme": "file"
    },
    {
      "language": "vue",
      "scheme": "file"
    },
    {
      "language": "yaml",
      "scheme": "file"
    },
    {
      "language": "ansible",
      "scheme": "file"
    },
    {
      "language": "home-assistant",
      "scheme": "file"
    },
    {
      "language": "javascript",
      "scheme": "untitled"
    },
    {
      "language": "mongo",
      "scheme": "untitled"
    },
    {
      "language": "javascriptreact",
      "scheme": "untitled"
    },
    {
      "language": "typescript",
      "scheme": "untitled"
    },
    {
      "language": "typescriptreact",
      "scheme": "untitled"
    },
    {
      "language": "json",
      "scheme": "untitled"
    },
    {
      "language": "jsonc",
      "scheme": "untitled"
    },
    {
      "language": "json5",
      "scheme": "untitled"
    },
    {
      "language": "css",
      "scheme": "untitled"
    },
    {
      "language": "postcss",
      "scheme": "untitled"
    },
    {
      "language": "less",
      "scheme": "untitled"
    },
    {
      "language": "scss",
      "scheme": "untitled"
    },
    {
      "language": "graphql",
      "scheme": "untitled"
    },
    {
      "language": "markdown",
      "scheme": "untitled"
    },
    {
      "language": "mdx",
      "scheme": "untitled"
    },
    {
      "language": "html",
      "scheme": "untitled"
    },
    {
      "language": "vue",
      "scheme": "untitled"
    },
    {
      "language": "yaml",
      "scheme": "untitled"
    },
    {
      "language": "ansible",
      "scheme": "untitled"
    },
    {
      "language": "home-assistant",
      "scheme": "untitled"
    }
  ],
  "rangeLanguageSelector": [
    {
      "language": "javascript",
      "scheme": "file"
    },
    {
      "language": "javascriptreact",
      "scheme": "file"
    },
    {
      "language": "typescript",
      "scheme": "file"
    },
    {
      "language": "typescriptreact",
      "scheme": "file"
    },
    {
      "language": "json",
      "scheme": "file"
    },
    {
      "language": "graphql",
      "scheme": "file"
    },
    {
      "language": "javascript",
      "scheme": "untitled"
    },
    {
      "language": "javascriptreact",
      "scheme": "untitled"
    },
    {
      "language": "typescript",
      "scheme": "untitled"
    },
    {
      "language": "typescriptreact",
      "scheme": "untitled"
    },
    {
      "language": "json",
      "scheme": "untitled"
    },
    {
      "language": "graphql",
      "scheme": "untitled"
    }
  ]
}
["INFO" - 2:50:38 PM] Using bundled version of prettier.
["INFO" - 2:50:38 PM] Enabling Prettier for Workspace /Users/Namuk/Documents/github/nomflix
["INFO" - 2:50:38 PM] Workspace enabled selectors
{
  "languageSelector": [
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "javascript"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "mongo"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "javascriptreact"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "typescript"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "typescriptreact"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "json"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "jsonc"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "json5"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "css"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "postcss"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "less"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "scss"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "graphql"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "markdown"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "mdx"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "html"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "vue"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "yaml"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "ansible"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.*",
      "scheme": "file",
      "language": "home-assistant"
    },
    {
      "pattern": "/Users/Namuk/Documents/github/nomflix/**/*.{js,_js,bones,cjs,es,es6,frag,gs,jake,jsb,jscad,jsfl,jsm,jss,mjs,njs,pac,sjs,ssjs,xsjs,xsjslib,wxs,js.flow,jsx,ts,tsx,json,avsc,geojson,gltf,har,ice,JSON-tmLanguage,mcmeta,tfstate,tfstate.backup,topojson,webapp,webmanifest,yy,yyp,jsonc,sublime-build,sublime-commands,sublime-completions,sublime-keymap,sublime-macro,sublime-menu,sublime-mousemap,sublime-project,sublime-settings,sublime-theme,sublime-workspace,sublime_metrics,sublime_session,json5,css,wxss,pcss,postcss,less,scss,graphql,gql,graphqls,md,markdown,mdown,mdwn,mkd,mkdn,mkdown,ronn,workbook,mdx,component.html,html,htm,html.hl,inc,st,xht,xhtml,mjml,vue,yml,mir,reek,rviz,sublime-syntax,syntax,yaml,yaml-tmlanguage,yaml.sed,yml.mysql}",
      "scheme": "file"
    }
  ],
  "rangeLanguageSelector": [
    {
      "language": "javascript"
    },
    {
      "language": "javascriptreact"
    },
    {
      "language": "typescript"
    },
    {
      "language": "typescriptreact"
    },
    {
      "language": "json"
    },
    {
      "language": "graphql"
    }
  ]
}
["INFO" - 2:50:57 PM] Using bundled version of prettier.

About this issue

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

Most upvoted comments

@jwoLondon The value "/Users/XXXX/.nvm/versions/node/v12.16.2/bin" is not a valid value for prettier.prettierPath. It needs to be to the module path not the bin path.

See: https://github.com/prettier/prettier-vscode#prettierprettierpath