Prettier does not format documents in latest Prettier + VS code versions #3071

OmerMessing · 2023-07-10T08:08:26Z

Summary

Prettier does not format code, error and logs shown below.

Using:
Ubuntu: 22.04.2 in Windows + WSL 2
VS Code: 1.80.0
Prettier: 9.19.0

Github Repository to Reproduce Issue

Installed the latest prettier vs-code extension.

Steps To Reproduce:

Install al the latest versions of the software I listed.
CTRL+SHIFT+P and choose Format Document (with prettier) \ or any other way to format the document
Document is not being formatted

Expected result

Document should be formatted.

Actual result

Document is not formatted.

Additional information

I updated to the latest prettier extension + regular vs code update and it just stopped working.

VS Code Version:

Version: 1.80.0 (user setup)
Commit: 660393deaaa6d1996740ff4880f1bad43768c814
Date: 2023-07-04T15:06:02.407Z
Electron: 22.3.14
ElectronBuildId: 21893604
Chromium: 108.0.5359.215
Node.js: 16.17.1
V8: 10.8.168.25-electron.0
OS: Windows_NT x64 10.0.19044

Prettier Extension Version:

Prettier: 9.19.0

OS and version:

Windows 10 Pro Version 21H2

Prettier Log Output


["INFO" - 10:51:46 AM] Formatting file:///..........(path was removed from log)
["INFO" - 10:51:46 AM] Attempted to load Prettier module from /usr/lib/node_modules/prettier
["ERROR" - 10:51:46 AM] Failed to load module. If you have prettier or plugins referenced in package.json, ensure you have run `npm install`
["ERROR" - 10:51:46 AM] Cannot find Prettier package.json
Error: Cannot find Prettier package.json
	at t.ModuleResolver.loadPrettierVersionFromPackageJson (/home/omer/.vscode-server/extensions/esbenp.prettier-vscode-9.19.0/dist/extension.js:1:3996)
	at t.ModuleResolver.getPrettierInstance (/home/omer/.vscode-server/extensions/esbenp.prettier-vscode-9.19.0/dist/extension.js:1:5305)
	at t.ModuleResolver.getResolvedConfig (/home/omer/.vscode-server/extensions/esbenp.prettier-vscode-9.19.0/dist/extension.js:1:7434)
	at t.default.format (/home/omer/.vscode-server/extensions/esbenp.prettier-vscode-9.19.0/dist/extension.js:1:14527)
	at t.PrettierEditProvider.provideEdits (/home/omer/.vscode-server/extensions/esbenp.prettier-vscode-9.19.0/dist/extension.js:1:12621)
	at t.PrettierEditProvider.provideDocumentFormattingEdits (/home/omer/.vscode-server/extensions/esbenp.prettier-vscode-9.19.0/dist/extension.js:1:8860)
	at O.provideDocumentFormattingEdits (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:102:45061)
	at /home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:102:67984
	at se.s (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:102:62833)
	at se.$provideDocumentFormattingEdits (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:102:67971)
	at t.N (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:112:11199)
	at t.M (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:112:10965)
	at t.H (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:112:10007)
	at t.G (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:112:9122)
	at i.value (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:112:7952)
	at p.w (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:60:1902)
	at p.fire (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:60:2119)
	at fire (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:76:13931)
	at i.value (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:128:30341)
	at p.w (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:60:1902)
	at p.fire (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:60:2119)
	at fire (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:76:13931)
	at s.z (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:76:16976)
	at i.value (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:76:15428)
	at p.w (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:60:1902)
	at p.fire (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:60:2119)
	at i.acceptChunk (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:76:11705)
	at i.value (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:76:10992)
	at p.w (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:60:1902)
	at p.fire (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:60:2119)
	at p.u (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:128:19085)
	at p.acceptFrame (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:128:18891)
	at a.l (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:128:17524)
	at /home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:128:14871
	at Socket.r (/home/omer/.vscode-server/bin/660393deaaa6d1996740ff4880f1bad43768c814/out/vs/workbench/api/node/extensionHostProcess.js:128:12785)
	at Socket.emit (node:events:513:28)
	at addChunk (node:internal/streams/readable:315:12)
	at readableAddChunk (node:internal/streams/readable:289:9)
	at Socket.Readable.push (node:internal/streams/readable:228:10)
	at TCP.onStreamRead (node:internal/stream_base_commons:190:23)
["ERROR" - 10:51:46 AM] Invalid prettier configuration file detected.
["ERROR" - 10:51:46 AM] EISDIR: illegal operation on a directory, read
Error: EISDIR: illegal operation on a directory, read
["ERROR" - 10:51:46 AM] Invalid prettier configuration file detected. See log for details.

The text was updated successfully, but these errors were encountered:

ahmadx16 · 2023-07-12T05:31:07Z

I am getting the same issue. I rollback to the previous version to resolve it for me.
Install previous versions

jwoLondon · 2023-07-13T10:47:20Z

Yes, for me using the MacOS version of VSCode, the last version of prettier that still works was 9.15.0.

GongT · 2023-07-13T12:42:54Z

0.9.18 works for me, 0.9.19 not.

Why: f6ff18b

I revert this (again, in the dist js file) and it works

francoism90 · 2023-07-13T19:41:42Z

Confirmation here

azat-io · 2023-07-16T10:13:34Z

Same problem and has been for a very long time

basicdays · 2023-07-17T16:35:06Z

Just ran into this as well on extension version v9.19.0. Whether or not prettier.prettierPath is set in VSCode's settings.json didn't make a difference. Reverting to v9.18.0 resolved it.

For info:

MacOS 12.6.7
NodeJS 18.15.0
Prettier 2.8.4
VSCode 1.80.1

imdavidmin · 2023-07-20T15:59:08Z

Seems like even reverting to an older version does not fix prettier not working when installed via Yarn PnP

hymair · 2023-07-21T05:56:01Z

Same issue. Getting "Invalid prettier configuration file detected." in the log. Works fine with Prettier 2.8.8.

MacOS: latest
Node: 18
Prettier: 3.x

Vannsl · 2023-07-24T15:57:44Z

Same issue.

MacOS: Ventura 13.0
Node: 18.16.1
Prettier: 3.x

["ERROR" - 17:08:46] Invalid prettier configuration file detected.

UPDATE: Resolved. Was because I had a require for a plugin in the config which wasn't valid anymore.

azat-io · 2023-07-24T16:33:29Z

Prettier hasn't worked for over a month now

MartinSoto · 2023-07-27T22:57:20Z

Any progress with this issue? I'm also seeing it since about a month ago.

I have the prettier.prettierPath option pointing to the global node_modules as the extension won't otherwise load the globally installed plugins (we're using prettier-plugin-java).

We have many projects that don't use JavaScript and don't contain a node_modules directory.

Downgrading to 9.15.0 will fix the problem. Starting from 9.16.0 the module fails to load with the following messages:

["INFO" - 12:50:47 AM] Extension Name: esbenp.prettier-vscode.
["INFO" - 12:50:47 AM] Extension Version: 9.16.0.
["INFO" - 12:50:47 AM] Attempted to load Prettier module from /usr/lib/node_modules/prettier
["ERROR" - 12:50:47 AM] Failed to load module. If you have prettier or plugins referenced in package.json, ensure you have run `npm install`
["ERROR" - 12:50:47 AM] Cannot find Prettier package.json
Error: Cannot find Prettier package.json
	at t.ModuleResolver.loadPrettierVersionFromPackageJson (/root/.vscode-server/extensions/esbenp.prettier-vscode-9.16.0/dist/extension.js:1:3631)
	at t.ModuleResolver.getPrettierInstance (/root/.vscode-server/extensions/esbenp.prettier-vscode-9.16.0/dist/extension.js:1:5025)
	at t.default.handleActiveTextEditorChanged (/root/.vscode-server/extensions/esbenp.prettier-vscode-9.16.0/dist/extension.js:1:10626)
	at t.default.handleActiveTextEditorChangedSync (/root/.vscode-server/extensions/esbenp.prettier-vscode-9.16.0/dist/extension.js:1:10228)
	at t.default.registerDisposables (/root/.vscode-server/extensions/esbenp.prettier-vscode-9.16.0/dist/extension.js:1:13071)
	at /root/.vscode-server/extensions/esbenp.prettier-vscode-9.16.0/dist/extension.js:1:81163
	at processTicksAndRejections (node:internal/process/task_queues:96:5)

With the newer versions, removing prettier.prettierPath will fix this error, but the Java plugin won't load, no matter what I do.

dheeraj-jn · 2023-08-16T07:23:20Z

I was having the same issue and had to downgrade to 9.15.0.
But this workaround fixed the issue for me (I'm on prettier 2.x) and now I'm able to use the latest plugin version.

ssbarnea · 2023-08-31T17:06:19Z

Apparently no downgrade will make it work with 3.0.3,...

nichtsam · 2023-09-03T11:42:00Z

I'm using prettier 3.0.0 and none of the version of prettier-vscode has worked.

kitsunekyo · 2023-09-05T08:13:38Z

if your config file is named prettier.config.js try renaming it to .prettierrc.cjs

and update the contents to use commonjs (might not even be necessary):

/** @type {import("prettier").Config} */
const config = {
  singleQuote: true,
  trailingComma: "all",
  plugins: ["prettier-plugin-tailwindcss"],
  tailwindConfig: "./tailwind.config.js",
};

module.exports = config;

looks like something with the module type parsing is messed up.

source

KevinYouu · 2023-09-05T11:54:24Z

The same problem

francoism90 · 2023-09-05T12:07:16Z

The only 'workaround' for me is running Prettier over CLI before creating a PR:

"scripts": {
        "format": "npx prettier . --write",
    },

It's not a solution whatsoever, it just the only thing I think to get my documents formatted.

lobo-tuerto · 2023-09-05T23:29:27Z

After updating some dependencies on my project, Prettier stopped formatting .vue files through VSCode.
But it was still running OK from the CLI.

I tried the solution from @kitsunekyo, and found out that this was the line causing the issue:

module.exports = {
  plugins: [require('prettier-plugin-tailwindcss')],
  // ...
}

Changing that to this solved the issue for me:

module.exports = {
  plugins: ['prettier-plugin-tailwindcss'],
  // ...
}

It was logging out Invalid prettier configuration file detected. See log for details..

Everything is good now. 🙏

github-actions · 2023-12-08T01:51:01Z

This issue has been labeled as stale due to inactivity. Reply to keep this issue open.

SeriousPickleball · 2023-12-08T19:33:06Z

Still monitoring.

…

On Thu, Dec 7, 2023 at 8:51 PM github-actions[bot] ***@***.***> wrote: This issue has been labeled as stale due to inactivity. Reply to keep this issue open. — Reply to this email directly, view it on GitHub <#3071 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BBO4GJQXG4UHMFULVR5WKJ3YIJXBLAVCNFSM6AAAAAA2EFESYWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQNBWGQZTGMJSG4> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

ntubrian · 2024-02-02T06:02:11Z

if your config file is named prettier.config.js try renaming it to .prettierrc.cjs

and update the contents to use commonjs (might not even be necessary):
/** @type {import("prettier").Config} */
const config = {
  singleQuote: true,
  trailingComma: "all",
  plugins: ["prettier-plugin-tailwindcss"],
  tailwindConfig: "./tailwind.config.js",
};

module.exports = config;
looks like something with the module type parsing is messed up.

source

this answer saved my life and my job!!

oriolgual · 2024-02-14T10:07:10Z

What fixed it for me was adding this to VS Code settings:

"prettier.prettierPath": "./node_modules/prettier/index.js"

github-actions · 2024-04-29T01:50:10Z

This issue has been labeled as stale due to inactivity. Reply to keep this issue open.

martianyi · 2024-05-13T12:40:49Z

I encountered this issue when I synchronized my VSCode settings on another computer; the Prettier extension was referencing a different path. Correcting the 'prettier.prettierPath' setting resolved the problem for me.

github-actions · 2024-08-12T00:23:21Z

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

bogberry mentioned this issue Jul 14, 2023

Upgrade frontend dependencies econia-labs/econia#341

Merged

github-actions bot added the Stale label Dec 8, 2023

github-actions bot removed the Stale label Dec 9, 2023

vincerubinetti mentioned this issue Dec 18, 2023

prettier 3.0 and prettier-vscode v10.1.0 won't load plugins #3104

Open

TOnDAhNe mentioned this issue Feb 20, 2024

Issues with prettier-vscode not working properly with plugins since prettier 3.1.0 release prettier/prettier#16102

Closed

ntotten added the bug label Feb 28, 2024

github-actions bot added the Stale label Apr 29, 2024

github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale May 6, 2024

github-actions bot added the locked Please open a new issue and fill out the template instead of commenting. label Aug 12, 2024

github-actions bot locked as resolved and limited conversation to collaborators Aug 12, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Prettier does not format documents in latest Prettier + VS code versions #3071

Prettier does not format documents in latest Prettier + VS code versions #3071

OmerMessing commented Jul 10, 2023

ahmadx16 commented Jul 12, 2023

jwoLondon commented Jul 13, 2023

GongT commented Jul 13, 2023 •

edited

Loading

francoism90 commented Jul 13, 2023

azat-io commented Jul 16, 2023

basicdays commented Jul 17, 2023 •

edited

Loading

imdavidmin commented Jul 20, 2023

hymair commented Jul 21, 2023 •

edited

Loading

Vannsl commented Jul 24, 2023 •

edited

Loading

azat-io commented Jul 24, 2023

MartinSoto commented Jul 27, 2023

dheeraj-jn commented Aug 16, 2023 •

edited

Loading

ssbarnea commented Aug 31, 2023

nichtsam commented Sep 3, 2023

kitsunekyo commented Sep 5, 2023 •

edited

Loading

KevinYouu commented Sep 5, 2023

francoism90 commented Sep 5, 2023

lobo-tuerto commented Sep 5, 2023

github-actions bot commented Dec 8, 2023

SeriousPickleball commented Dec 8, 2023 via email

ntubrian commented Feb 2, 2024

oriolgual commented Feb 14, 2024

github-actions bot commented Apr 29, 2024

martianyi commented May 13, 2024

github-actions bot commented Aug 12, 2024

Prettier does not format documents in latest Prettier + VS code versions #3071

Prettier does not format documents in latest Prettier + VS code versions #3071

Comments

OmerMessing commented Jul 10, 2023

Summary

Github Repository to Reproduce Issue

Steps To Reproduce:

Expected result

Actual result

Additional information

Prettier Log Output

ahmadx16 commented Jul 12, 2023

jwoLondon commented Jul 13, 2023

GongT commented Jul 13, 2023 • edited Loading

francoism90 commented Jul 13, 2023

azat-io commented Jul 16, 2023

basicdays commented Jul 17, 2023 • edited Loading

imdavidmin commented Jul 20, 2023

hymair commented Jul 21, 2023 • edited Loading

Vannsl commented Jul 24, 2023 • edited Loading

azat-io commented Jul 24, 2023

MartinSoto commented Jul 27, 2023

dheeraj-jn commented Aug 16, 2023 • edited Loading

ssbarnea commented Aug 31, 2023

nichtsam commented Sep 3, 2023

kitsunekyo commented Sep 5, 2023 • edited Loading

KevinYouu commented Sep 5, 2023

francoism90 commented Sep 5, 2023

lobo-tuerto commented Sep 5, 2023

github-actions bot commented Dec 8, 2023

SeriousPickleball commented Dec 8, 2023 via email

ntubrian commented Feb 2, 2024

oriolgual commented Feb 14, 2024

github-actions bot commented Apr 29, 2024

martianyi commented May 13, 2024

github-actions bot commented Aug 12, 2024

GongT commented Jul 13, 2023 •

edited

Loading

basicdays commented Jul 17, 2023 •

edited

Loading

hymair commented Jul 21, 2023 •

edited

Loading

Vannsl commented Jul 24, 2023 •

edited

Loading

dheeraj-jn commented Aug 16, 2023 •

edited

Loading

kitsunekyo commented Sep 5, 2023 •

edited

Loading