Unable to Run npx tailwindcss init -p - "Could Not Determine Executable to Run"

[abderrahimlaribi]

I am encountering an error while trying to initialize a Tailwind CSS configuration in my project using the command:

npx tailwindcss init -p

The error message I get is:

npm ERR! could not determine executable to run
npm ERR! A complete log of this run can be found in:
C:\Users\DELL\AppData\Local\npm-cache_logs\2025-01-24T16_26_01_565Z-debug-0.log

What I've Tried:
Installed the dependencies using:
npm install -D tailwindcss postcss autoprefixer

This was successful, and I verified that they were added to devDependencies in my package.json.

Looked in the .bin directory under node_modules but couldn't find the tailwindcss executable.

Any suggestions or insights into resolving this issue would be greatly appreciated. Thank you!

[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.

If you are trying to use v3, ensure the version qualifier is used:

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

[VekrO]

you deserves an award.

[kuldeep1306]

thnx budyyy

[chill-home]

legend

[ValeriaJahzeel]

thaaaanks <3

[Dictator0071]

goat fr

[adixshrma1]

It is because tailwind documentation has changed, Please install tailwind with the new guidelines

[Developerrizwan]

Really helful

[KaiZenSpace]

But what happened to the tailwind.config.js?
Normally the init command created that file.

[wongjn]

You don't need it anymore, config is in your CSS file now.

[KaiZenSpace]

Yes I found this here:
https://tailwindcss.com/blog/tailwindcss-v4#css-first-configuration

_One of the biggest changes in Tailwind CSS v4.0 is the shift from configuring your project in JavaScript to configuring it in CSS.

Instead of a tailwind.config.js file, you can configure all of your customizations directly in the CSS file where you import Tailwind, giving you one less file to worry about in your project..._

Thank you!

[wongjn]

You can still load a v3 config in v4 via the @config directive.

[Ayush0001-knife]

@jishnupn04 yes bro I am also facing this problem did you got any solution ??

[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

[sturmenta]

to use tailwindcss outside a npm project

[HRISH-ABH]

i am unable integrate the tailwind V4 by following the steps in the documentation. Here's what am getting

[artemmovich]

i am unable integrate the tailwind V4 by following the steps in the documentation. Here's what am getting

Show vite.config plz

[HRISH-ABH]

A friend of mine told me to install the latest visual c++ redistributable which solved my error.

[mehdiali-mk]

What Thank you so much for your helpful answer! It saved me a lot of time and pointed me in the right direction. I was unaware that the init command no longer exists in Tailwind v4, and your advice to use the version qualifier for v3 was exactly what I needed. I really appreciate your clear explanation and the time you took to provide this solution. Thanks again!

[Gah2f]

https://youtu.be/n9widGM__Lg?si=J4WOKYe_stpLdZCw

[Zidoun-Abdou]

thank you bro

[Ayush0001-knife]

Welcome vedika, are you a frontend developer ??

…

On Wed, 12 Feb, 2025, 11:40 pm VedikaGaikwad2004, ***@***.***> wrote: thany you — Reply to this email directly, view it on GitHub <#15820 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BMBQB2H5J5TMXPLIQQ3F6GT2POE77AVCNFSM6AAAAABV2B6WFCVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTEMJXHAYDINQ> . You are receiving this because you commented.Message ID: ***@***.*** com>

[AnteMiskovic]

Here's react+ts+vite+taildwind guid if someone needs
https://www.youtube.com/watch?v=WqVM0W2Hb5A&ab_channel=NickGatzoulis

[manpreet1singh]

Thanks a lot dude! wasted 1 hour trying to resolve the issue

[dpi]

Steps are still present in the Jetbrains docs https://www.jetbrains.com/help/phpstorm/tailwind-css.html#ws_css_tailwind_install

If you see this, update your IDE to one with 2024.3.2 (released this year) with the change from https://youtrack.jetbrains.com/issue/WEB-70442/Support-Tailwind-CSS-4

You should NOT need to run this command anymore, and get the tailwind.config.js. Just update your IDE.

[jordan-thegit]

still giving in ...thanks

[rozsazoltan]

Deprecated init process

In v4, the installation process has changed. It's now simpler. The init command has become obsolete and is no longer usable from v4 onwards because it's not needed anymore.

• tailwindlabs/tailwindcss #15791 - init process not available - GitHub

---

Source: Problem installing TailwindCSS with "npx tailwindcss init -p" command

Changed npx tailwindcss to npx @tailwindcss/cli

The command to run is now no longer npx tailwindcss but npx @tailwindcss/cli.

PostCSS plugin and CLI are separate packages — the main tailwindcss package doesn't include these anymore since not everyone needs them, instead they should be installed separately using @tailwindcss/postcss and @tailwindcss/cli.

---

Source: Open-sourcing our progress on Tailwind CSS v4.0 - Whats changed

This is basically only necessary if you're not using it with a framework and want to run it from the command line. For this, a standalone @tailwindcss/cli package will help from v4 onwards.

npm install tailwindcss @tailwindcss/cli

• Get started with Tailwind CSS - TailwindCSS v4 Docs
• TailwindCSS v4 Alpha: Using the CLI

---

Source: Problem installing TailwindCSS with "npx tailwindcss init -p" command

CSS-first configuration

CSS-First Configuration: Customize and extend the framework directly in CSS instead of JavaScript.

With TailwindCSS v4, you have the option to omit the tailwind.config.js file. You can find many new directives, such as @theme, which allows you to declare your custom settings directly in your CSS file, or @plugin, which lets you import TailwindCSS v4-compatible plugins directly in your CSS file.

I won't list all the new directives, but you can check them out here:

• Functions and directives

---

Source: What's the new CSS-first configuration

TailwindCSS v4 is backwards compatible with v3

Using a JavaScript config file

JavaScript config files are still supported for backward compatibility, but they are no longer detected automatically in v4.

If you still need to use a JavaScript config file, you can load it explicitly using the @config directive:

@config "../../tailwind.config.js";

• Using a JavaScript config file - TailwindCSS v4 Update Guide

The configuration setting has changed by default. However, you have the option to declare the location of your tailwind.config.js file using a relative path in your default CSS file so you can use it again.

---

Source: TailwindCSS v4 is backwards compatible with v3

Related

• Separated PostCSS plugin for TailwindCSS
• Automatic Source Detection from TailwindCSS v4
• Deprecated: Sass, Less and Stylus preprocessors support
• Removed @tailwind directives