Cannot run executable, issue while installing tailwind v.3.4.17 command: npm tailwindcsss init -p

[varunbehere]

Today morning I tried installing tailwind, I was able to install the latest tailwind for vite that is v.4.0 . But I couldnt install the v.3.4.17

`varun@varun:~/Documents/Temp-Projects/project$ npx tailwindcss init
npm ERR! could not determine executable to run

npm ERR! A complete log of this run can be found in:
npm ERR! /home/varun/.npm/_logs/2025-01-23T04_21_12_829Z-debug-0.log`

2025-01-23T04_21_12_829Z-debug-0.log

[philipp-spiess]

Hey there! We've released Tailwind 4 today with an updated way to install Tailwind inside Vite applications. I suggest you look at the official guide if you want to get started with version 4: https://tailwindcss.com/docs/installation/using-vite

The command you're trying to run was something that is no longer necessary with version 4 and it doesn't exist anymore.

[aryanx16]

how to use dark mode then , as it dosent initate tailwind.config.js file???

[AbbasGawali]

:

But how to generate tailwind.config file, if I want to use other dependencies ??

[soutAle]

we love you! @philipp-spiess

[mdtaufique8084]

use these
npm install -D tailwindcss@3 postcss autoprefixer
npx tailwindcss init -p

[Vigneshwaran110203]

this is working! thanks

[umeransari7424]

thanks @mdtaufique8084
now its working

[Wiper-R]

Hey there! We've released Tailwind 4 today with an updated way to install Tailwind inside Vite applications. I suggest you look at the official guide if you want to get started with version 4: https://tailwindcss.com/docs/installation/using-vite

The command you're trying to run was something that is no longer necessary with version 4 and it doesn't exist anymore.

Ok, thats good. But for configuration should we just create tailwind.config.js manually or what are the steps. This doesn't seem to be documented

[1998amansinha]

npm install -D tailwindcss@3 postcss autoprefixer
npx tailwindcss init -p

Can u explain this ?

[Devlous]

i am finding it impossible to install tailwindcss in vscode

[mdtaufique8084]

After installing tailwind css from terminal ,you should use these directives on index.css :

@tailwind base;
@tailwind components;
@tailwind utilities;

[Devlous]

I want to ask a question
Must my laptop be connected to the internet before I can use tailwindcss

[Wiper-R]

I want to ask a question
Must my laptop be connected to the internet before I can use tailwindcss

No

[sturmenta]

for anyone trying to use tailwindcss outside a npm project, you can install globally with:

how to install and configure tailwindCSS executable?

• tailwind docs

# download tailwind binary and move to "~/.tailwindcss/bin"
mkdir ~/.tailwindcss; cd ~/.tailwindcss/
mkdir bin; cd bin
# this works for arm64, check docs for other arch
curl -sLO https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-macos-arm64
chmod +x tailwindcss-macos-arm64
mv tailwindcss-macos-arm64 tailwindcss

• add to your .zshrc or .bashrc:

# tailwindcss
export PATH=$PATH:~/.tailwindcss/bin

now you can use tailwindcss

tailwindcss --help