[v4]Can't resolve 'tailwindcss' in...

[nezaboravi]

v4.0.6
Vite 6.1.0
Node: v20.0.0
Safari
macOS

Followed 1:1 installation process from Tailwind official documentation.(https://tailwindcss.com/docs/installation/framework-guides/laravel/vite)

results in error: [plugin:@tailwindcss/vite:generate:serve]
Can't resolve 'tailwindcss' in '/Users/codingwisely/Code/deals/resources/css'
/Users/codingwisely/Code/deals/resources/css/app.css

I cant upload video here looks so, as I recorded from start of new laravel application till the error. I have uploaded it to Dropbox for clarity.
I tried new project 4 times, and always end up with same error. feeling pretty stupid.
Here is a dropbox video.

[philipp-spiess]

Hey! So it seems that the Laravel installer already adds Tailwind CSS for you, but it adds v3 and not v4 so now even though you have added the Vite plugin for Tailwind CSS v4, the tailwindcss package is still at v3.

To fix this:

• Update tailwindcss to v4: npm install tailwindcss@latest
• Remove the postcss configuration file (postcss.config.js) - This is how tailwind was added in v3!
• Remove the tailwind JavaScript configuration file.

Laravel was already updated to install Tailwind CSS v4 out of the box: laravel/laravel#6523 so I'm not sure why this didn't apply for you. My guess is that your laravel version might be out of date?

[theleally]

Thanks!

[sntanju]

I followed the official Tailwind CSS documentation and faced a few issues, but it's now resolved. Thank you.

[armaan-yadav]

Thanks

[1803053530]

Realllllly Thanks , That’s really helpful!

[peterho77]

thanks bro

[jhull]

Getting same issue here - installing through Herd - says its all updated but its still installing Tailwind v3