[error] Cannot find package 'prettier-plugin-tailwindcss' imported from […]

[thomaswitt]

Version: 0.6.8
tailwindcss v3.4.14
node v23.1.0
package manager: npm
OS: macOS // homebrew

After installing the package, I simply can't get it to work, I always get the error message that it cannot find the package:

$ npm list --depth=0
(node:13577) ExperimentalWarning: CommonJS module /opt/homebrew/lib/node_modules/npm/node_modules/debug/src/node.js is loading ES Module /opt/homebrew/lib/node_modules/npm/node_modules/supports-color/index.js using require().
Support for loading ES Module in require() is an experimental feature and might change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
/opt/homebrew/lib
├── corepack@0.29.4
├── htmlhint@1.1.4
├── macos-audio-devices@1.4.0
├── npm-check-updates@17.1.10
├── npm@10.9.0
├── prettier-plugin-tailwindcss@0.6.8
├── stylelint-config-recommended@14.0.1
├── stylelint-config-tailwindcss@0.0.7
└── stylelint-prettier@5.0.2

$ cat .prettierrc
{
  "plugins": ["prettier-plugin-tailwindcss"]
}
$ prettier  app/assets/stylesheets/application.tailwind.css >/dev/null
[error] Cannot find package 'prettier-plugin-tailwindcss' imported from /Users/thomas/Dev/test-rails-app/noop.js
$ echo $?
1
$ rm .prettierrc
$ prettier  app/assets/stylesheets/application.tailwind.css >/dev/null
$ echo $?
0

Any ideas? I tried everything for an hour, global installs, local installs, explicitly referencing paths, etc.

[oliviertassinari]

I have faced a similar error related to prettier-plugin-tailwindcss being an ESM-only package and prettier only adding support for it with v3.0.0.

More details babel-utils/babel-plugin-tester#269.

[KyleSmith0905]

Although I'm not using Yarn, copying this code here worked for me:
#237 (comment)

I also had the same code in .prettierrc. I made a .prettierrc.js file and copied my settings, resulting in this:

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