Problem installing tailwindcss

[Mallied]

Everytime I try install Tailwindcss I get this error:

xxxxxxxxxxx@MacBook-Air tailwindcss % npm cache clean --force
npm warn using --force Recommended protections disabled.
xxxxxxxxxx@MacBook-Air tailwindcss % npm install -D tailwindcss

added 1 package in 672ms
xxxxxxxxxx@MacBook-Air tailwindcss % npx tailwindcss init
npm error could not determine executable to run
npm error A complete log of this run can be found in: /Users/xxxxxxxxxx/.npm/_logs/2025-01-23T20_02_23_272Z-debug-0.log

Can you please help me? I'm a complete rookie, trying to learn. :) Thank you, in advance!

[adhilnyy]

I think the issue may be due to the Tailwind version. Version 4 does not use npx tailwindcss init. Please verify your Tailwind version and install it according to the Tailwind documentation.

[Mallied]

Thank you! I've tried both 4.0 and the version before that, but nothing works and the same error-message apear. But since I'm new at this, I'll try again. :)

[IamNishanKhan]

I'm getting the same error.
I tried two separate Windows and two Linux separate machines. All of them show the same error.
Is there any fix?

[wongjn]

The init command no longer exists in v4. Consider checking the installation documentation that is most relevant to your project to integrate Tailwind v4.

[Mallied]

Thank you all! My problem was that the earlier version didn’t work for me. I installed according to documemtation for Tailwind CLI version 4.0 and now it works! :)

[melvis8]

The init command no longer exists in v4. Consider checking the installation documentation that is most relevant to your project to integrate Tailwind v4.

i am having issue resolving my problem since i have tried adding tailwindcss and postcss in my react app with vite but there's no possible installation method that meets my problem

[wongjn]

You shouldn't need to use PostCSS since Tailwind v4 has a dedicated Vite integration package. Consider providing more details on the problem you are experiencing.

[aryan-panja]

but how to install shadcn then ans also intellisense also not working without tailwind.config file

[melvis8]

i have the same issues and still find difficulties resolving them please need help

[wongjn]

The init command no longer exists in v4. Consider checking the installation documentation that is most relevant to your project to integrate Tailwind v4.

[neo-unplugged]

There is a problem wtih v4. I am facing the same issue then I reverted to v3.14.7 everything running fine. I could generate the tailwind.config.js file running the "npx init" command. Maybe they removed the support for init command in v4.

[wongjn]

Yes, the init command no longer exists in v4. Consider checking the installation documentation that is most relevant to your project to integrate Tailwind v4.

[chaitanyagirgaonkar]

we are facing above issue because of tailwind version update,
we can solve it using following new steps:

Step 1 : Enter following command.
npm install tailwindcss @tailwindcss/vite

Step 2 :Update vite.config.js

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'

// https://vite.dev/config/
export default defineConfig({
plugins: [
react(),
tailwindcss(),
],
})

Step 3 :Add import to your CSS file

@import "tailwindcss";

Step 4 : Start the Development Server
npm run dev

[aryan-panja]

But how to install shadcn then.
And also intellisense not working on vs code.

[Abhishek2310k]

Correct me if i am wrong but I think there is no need for the config file in the latest version until unless you want customize something. In case of shad cn we can just skip that part where they are saying to use command npx tailwindcss init -p command as it just creates 2 config files for tailwind and post css and just write some default config inside it. In the newer version we dont need to specify the default config. (In case you want to customize something just create the files manually and you will be fine)

[wongjn]

Even customization can be mostly done in the CSS file now too.

[Abhishek2310k]

https://www.luisball.com/blog/shadcn-ui-with-tailwind-v4#setting-up-the-css-configuration

refer this I think this is the only option

[SadikMuktadir]

I have a solution. Here i use React-router-dom,TypeScript,Tailwind and Shadcn
https://github.com/SadikMuktadir/tailwind-Shadcn.git

[proevilz]

Tailwind v3 install instructions no longer work.

npm install -D tailwindcss
npx tailwindcss init

The above produces the same error others have reported. I note the init command doesn't work in v4, but this error exists with v3.

[wongjn]

You'd want to explicitly specify v3:

npm install -D tailwindcss@3