[v3] [error] Cannot find package plugin-name imported from /.../root-project/noop.js

[vighnesh153]

Environments:

• Prettier Version: 3.0.0
• Running Prettier via: CLI
• Runtime: Node.js v18
• Operating System: macOS
• Prettier plugins (if any): prettier-plugin-tailwindcss

Steps to reproduce:

Minimal reproducible repo: https://github.com/vighnesh153/prettier-unable-to-find-pkg

• Install deps

# Install in prettier-config directory
cd prettier-config && npm install
cd ..
# Install in root directory
npm install

• Run npx prettier --write . from the root directory

Checked with the plugin's project and they suspect the issue is with prettier v3: tailwindlabs/prettier-plugin-tailwindcss#176 (comment)

Expected behavior:
Prettier should work without throwing the following error as this works with v2.8.8

Actual behavior:

[error] Cannot find package 'prettier-plugin-tailwindcss' imported from /.../prettier-unable-to-find-pkg/noop.js

[fisker]

As I tested, this doesn't work in v2.

The plugin should be resolvable from your CWD, or related to the prettier config file, which is ./package.json in your case.

[vighnesh153]

Sorry, this seems to be working in v2. Have pushed a v2 branch to demonstrate the behaviour..

https://github.com/vighnesh153/prettier-unable-to-find-pkg/tree/v2

Please delete node_modules and package-lock.json in both directories before running npm install.

[fisker]

You are right, your v2 branch works, but I don't know why. There should be something to do with npm.

v2

$ ls node_modules/
prettier  prettier-config  prettier-plugin-tailwindcss

main

$  ls node_modules/
prettier  prettier-config

[fisker]

Just to be clear, we didn't expect this case work in v2, we can't guarantee a transitive dependency to be solved, it just happened works somehow.

I don't think we will do anything, you can use one of the following js config

plugins:[
  require.resolve("prettier-plugin-tailwindcss")
]

plugins:[
  import.meta.resolve("prettier-plugin-tailwindcss")
]

plugins:[
  require("prettier-plugin-tailwindcss")
]

plugins:[
  await import("prettier-plugin-tailwindcss")
]