issue with v4 and yarn pnp

[kibibites]

vscode version: 1.96.0-insider
intellisense version: [email protected]
tailwindcss version: [email protected]
package manager: yarn with pnp
operating system: arch linux

Tailwind config

/* index.css */
@import "tailwindcss"

VS Code settings

{
  "search.exclude": {
    "**/.yarn": true,
    "**/.pnp.*": true
  },
  "eslint.nodePath": ".yarn/sdks",
  "typescript.tsdk": ".yarn/sdks/typescript/lib",
  "typescript.enablePromptUseWorkspaceTsdk": true,
  "tailwindCSS.experimental.configFile": "./src/index.css"
}

Describe your issue

intellisense not working; this is the error in the console:

[Error - 1:16:34 PM] Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/home/nora/.yarn/berry/cache/tailwindcss-npm-4.0.0-alpha.33-a5a3ff8b6e-10c0.zip/node_modules/tailwindcss/dist/lib.js' imported from /home/nora/.vscodium-insiders/extensions/bradlc.vscode-tailwindcss-0.13.54/dist/tailwindServer.js
    at finalizeResolution (node:internal/modules/esm/resolve:265:11)
    at moduleResolve (node:internal/modules/esm/resolve:940:10)
    at defaultResolve (node:internal/modules/esm/resolve:1176:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:542:12)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:510:25)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:239:38)
    at ModuleLoader.import (node:internal/modules/esm/loader:472:34)
    at defaultImportModuleDynamicallyForScript (node:internal/modules/esm/utils:227:31)
    at importModuleDynamicallyCallback (node:internal/modules/esm/utils:249:12)
    at I (/home/nora/.vscodium-insiders/extensions/bradlc.vscode-tailwindcss-0.13.54/dist/tailwindServer.js:1760:11365) {
  code: 'ERR_MODULE_NOT_FOUND',
  url: 'file:///home/nora/.yarn/berry/cache/tailwindcss-npm-4.0.0-alpha.33-a5a3ff8b6e-10c0.zip/node_modules/tailwindcss/dist/lib.js'
}
[src/index.css] Failed to load workspace modules.

[thecrypticace]

Sorry for the incredibly late reply on this. I've been looking into Yarn PnP stuff. I spent the entire day yesterday tracking things through Yarn itself b/c all of its lookups are case sensitive (which is causing me some major headaches on Windows).

This error appears to come from the fact that Yarn PnP doesn't really support ESM. They like… kinda have support through the use of Node's loaders feature. It has to be manually registered and in my testing… it just doesn't work right.

I'm gonna keep working on it but since PnP completely replaces Node's resolution algorithm and requires runtime patching of internal Node APIs to function at all it's a very, very, brittle feature to support and I've even run into deadlocks if I called the PnP API's setup() at the wrong time.

[thecrypticace]

I did a bunch of work on Yarn PnP stuff a little over a week ago. Which in this case includes loading the CJS build of v4 if Yarn PnP is being used (was really hoping I could only ever load the ESM build for v4 😭)

Could you try the latest version of the extension (v0.14.3)?

[kibibites]

it works :D

[thecrypticace]

awesome 💯 thanks for testing!