Tailwind Viewer doesn't work in 4.0.0/4.0.1

[toxin20]

Version

@nuxtjs/tailwindcss: 4.0.1
nuxt: 2.15.3
node: 14.15.4
npm: 7.5.4

Reproduction Link

N/A

Steps to reproduce

Create a fresh Nuxt project with version 2.15.3 (I used npm init nuxt-app nuxt-tailwind2-test). Then follow steps from https://tailwindcss.nuxtjs.org/setup to install TailwindCSS

What is Expected?

Running npm run dev should start the tailwind viewer at http://localhost:3000/_tailwind/

What is actually happening?

I'm getting the error message Cannot find module 'tailwindcss/resolveConfig' when running npm run dev. Tailwind CSS compilation and Nuxt dev server works though.

The error doesn't appear if I set viewer: false for tailwind in the nuxt.config.js

[toxin20]

Update:
This seems to have something to do with npm. I saw that the sandbox was using yarn and I couldn't reproduce the error there. Tried using yarn on my local machine and it worked there as well.

@atinux: Would you generally advise against using nuxt with npm? I see in the nuxt docs that yarn is the "first class citizen" shown for the guides and I'm wondering if this is just a matter of taste or if you would advise me to run existing and new nuxt projects with yarn.

[atinux]

Can you tell that when running npm install tailwindcss it works?

[toxin20]

Can you tell that when running npm install tailwindcss it works?

Yes, then it works. 👍🏻

[rogden]

@pi0 Your fix is merged in v1.5.1

[productdevbook]

@atinux or @toxin20 is it fixed ? Please closed issue :)