Bug "could not determine executable to run"

[macs1756]

Hello, when i run command "npx tailwindcss init" i am got "could not determine executable to run", my working environment node: v19.3.0, npm: 9.2.0, tailwindcss: 4.0.0

[MartinAbilev]

somone say:

adhilnyy
12 hours ago
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.

[PonomarevAleksandr]

Tailwind version 4 have new instructions, check this docs:

https://tailwindcss.com/docs/upgrade-guide
https://tailwindcss.com/docs/installation/using-vite

If you want use old method u have to use npm install -D tailwindcss@^3.4.17 postcss autoprefixer command

[nicotouri]

thanks!!"!

[mohitt2312]

thanks

[Nabilkarren]

Thank you for the old method command, really helped me out. I didn't notice that the tailwind version is updated to v4

[kalalannn]

how to setup this purge from tailwind.config.js in v4?
purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],

[wongjn]

Purge happens "by default" in a way, so it shouldn't be neccessary most of the time. It seems like you might be using Vite? If so, you only need to explicitly state source paths if files that use Tailwind classes are not in Vite's module graph.

[PrakharVishwakarma]

Encountered same annoying error :
If you are using vite then simply don't install it using postcss which has become a old way (i.e. : npm install -D tailwindcss postcss autoprefixer and then npx tailwindcss init -p) instead use a latest way to install tailwind css.

1.) npm install tailwindcss @tailwindcss/vite

2.) Copy the given below file and paste it in ./vite.config.ts

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

export default defineConfig({
plugins: [
react(), tailwindcss()
],
})

3.) Add the given below import in the top of your ./src/index.css

@import "tailwindcss";

4.) start your project once :
npm run dev
ctrl+c

5.) add a link in the head tag of you ./index.html file

start writing the tailwind utility classes indside the classname. If You don't see any sugastions of tailwind clssess then reinstall the 'Tailwind CSS IntelliSense' extension. It may take time but this will work.