Open lewisflude opened 9 months ago
I have also been having this issue for the past few days on linux. You can easily solve this issue by downgrading to v9.19.0!
Same issue here, I even added it to settings.json
in VSCode but it is being ignored.
Please allow prettier.plugins
as a vscode setting. I am not really a fan of having ton of static configuration files across all of my projects, and for that reason I keep all my prettier settings in the global vscode user settings.json
.
But the problem is now that whenever you want to use a plugin, you have to:
plugins
.I was using prettier-plugin-tailwindcss
for ages without any issues whatsoever, but because of this now it no longer works.
I was encountering the same problem, but now I can get formatOnSave
to work perfectly with the following combination.
vscode
: 1.82.0esbenp.prettier-vscode
: v10.1.0npm
: 9.6.7node
: v18.17.0prettier
: 3.0.3prettier-plugin-organize-imports
: 3.2.3In my case, the cause was "prettier.prettierPath" in "settings.json".
"prettier.prettierPath": "./node_modules/prettier",
I had written the above value, but when I removed it, formatOnSave
now works. I hope this will help.
The following comment may also be helpful: https://github.com/prettier/prettier-vscode/issues/3007#issuecomment-1628836459
I have also been having this issue for the past few days on linux. You can easily solve this issue by downgrading to v9.19.0!
@nadbad I tried many things and, in the end, this is the only thing that worked. This seems to be the most recent version that works with Prettier v3.
This issue has been labeled as stale due to inactivity. Reply to keep this issue open.
Nope
Wasted several hours of my life thinking I was doing something wrong. Turns out Prettier just hasn't worked for a pretty significant length of time.
Related: #3071 #3224 #3142
FYI, I think problems like this are likely the reason for this rating:
I've gone and written a 1 star review myself, unfortunately. It seems like this issue has been here almost a year? I get that Prettier is donation funded, and not VC-backed or something, but as the official first-party extension, this still really needs to be better. I'd gladly revert my rating if these issues start to be addressed.
What worked for me with:
config:
{
"useTabs": true,
"singleQuote": true,
"trailingComma": "none",
"printWidth": 100,
"plugins": [
"prettier-plugin-svelte",
"prettier-plugin-organize-imports",
"prettier-plugin-tailwindcss"
]
}
was setting:
"prettier.requireConfig": true
"prettier.configPath": "./.prettierrc"
only then the plugins started getting resolved
Can confirm that setting "prettier.configPath": "./.prettierrc"
works. I don't think "prettier.requireConfig": true
is necessary, though.
As shown in the prettier-vscode docs, you can use the prettier.documentSelectors
to target a specific file extension.
The issue I had was with a .sql
file, but you can also have the same setting for the .tsx
file issues you are having
Example: Adding the settings below to the .vscode/settings.json
will enable formatting for your .sql
files
"prettier.documentSelectors": ["**/*.sql"],
I think I prefer this way instead of changing the prettier configPath
as mentioned here
https://github.com/prettier/prettier-vscode/issues/3104#issuecomment-1879606539
This issue has been labeled as stale due to inactivity. Reply to keep this issue open.
Please keep open :+1:
Summary
In my project, VS Code successfully loads my Prettier config, but when I try and format a
tsx
file it logs an error. Visual Studio Code is on version 1.80.2.My config is as follows, and is exported as a package in a monorepo and used in the root of the monorepo (it seems to be loading successfully).
Steps To Reproduce:
prettier-config
and export the config"prettier": "^3.0.0",
,"prettier-plugin-organize-imports": "^3.2.3",
and"prettier-plugin-tailwindcss": "^0.4.1"
as peerDependencies.Expected result
The files should be formatted
Actual result
I get a pop up with the error.
I have tried multiple steps including removing plugins one at a time (same result for them all) as well as repositioning my prettier config and taking it out of the monorepo structure. I have tried require, import as well as pure text plugin definition based on the official docs as well as tried both esm and commonjs exports for the config.
I appreciate between Prettier and Prettier VS Code there are a fair few related issues, but on the off chance this bug report is useful I thought it would be worth posting.
Additional information
package.json of the prettier-config package:
VS Code Version:
Version: 1.80.2 (Universal) Commit: 2ccd690cbff1569e4a83d7c43d45101f817401dc Date: 2023-07-27T21:05:41.366Z Electron: 22.3.14 ElectronBuildId: 22695494 Chromium: 108.0.5359.215 Node.js: 16.17.1 V8: 10.8.168.25-electron.0 OS: Darwin arm64 23.0.0
Prettier Extension Version: v10.1.0
OS and version: macOS 14.0 Beta (23A5276g)
Prettier Log Output