'tailwind' is not recognized as an internal or external command,

[Masumrahmanhasan]

What version of Tailwind CSS are you using?
v3.4.13

What build tool (or framework if it abstracts the build tool) are you using?

NuxtJs ^3.13.2

What version of Node.js are you using?

v22.4.1

What browser are you using?

Chrome

What operating system are you using?

Windows

Describe your issue

So in my nuxt app i installed tailwind with nuxt module but when i try to create a config file for tailwind as shown in the docs i get error

tailwind is not recognized as an internal or external command, operable program or batch file.

but for other application this command works completly fine why is that

[Masumrahmanhasan]

@adamwathan i previously worked with tailwindcss never saw this error , please tell me what to do with that

[wongjn]

What command are you running? As per step 2 of the Nuxt integration guide, check you are running:

npx tailwindcss init

[Masumrahmanhasan]

i have installed tailwind using nuxt module , after that i wanted to create a tailwindcss config file with

npx tailwindcss init

as per the docs but getting that error

[aniruddhaadak80]

Hi @Masumrahmanhasan ,

It looks like you're encountering the error "'tailwind' is not recognized as an internal or external command" while trying to create a Tailwind CSS config file in your Nuxt.js application.

Here are a few things you can check and try to resolve this issue:

1. Check Installation: Ensure that Tailwind CSS is properly installed in your Nuxt.js project. You can verify this by checking your package.json for the Tailwind CSS dependency. If it's missing, you can install it using:

   npm install tailwindcss

2. Use npx: Since Tailwind may not be added to your PATH directly, you can use npx to run the command without needing global access:

   npx tailwindcss init

3. Global Installation: If you prefer using the tailwind command directly, consider installing it globally:

   npm install -g tailwindcss

4. Verify Node and NPM: Make sure you are using a compatible version of Node.js and npm. Sometimes, version conflicts can cause unexpected issues. Since you are on Node.js v22.4.1, it should generally be fine with Tailwind CSS v3.4.13.

5. Check Environment Variables: Ensure your system’s PATH environment variable includes the directory where Node.js and npm binaries are installed.

If you've tried these steps and the issue persists, please provide any additional error messages or context for further assistance!

[Masumrahmanhasan]

Check the description i mentioned i get the error while installing tailwind with nuxt modules

[akashtripathi1]

Hello Chatgpt!

[UtkarshK95]

[meatwas]

my god, every comment is generated with AI nowadays?)

[jamuall]

I assume that you use tailwind v4, so it won't create config file with init command.

Downgrade it to v3 (3.4.0 for example) and try again.

It should work.

[munenendereba]

uninstall then install v3

npm uninstall tailwindcss
npm install tailwindcss@3

[munenendereba]

I assume that you use tailwind v4, so it won't create config file with init command.

Downgrade it to v3 (3.4.0 for example) and try again.

It should work.

thanks; this has been bugging me a whole lot and even chatgpt and gemini couldn't figure it out

[waitheramwaurar]

This has helped sooooo much! Thank you!!!

[vishalpokuri]

Thanks a lot dude, it worked

[jyoung10078]

So helpful! Thanks homie!

[JoerieAerts]

Tailwind has a newer version - 4 that is. So just follow the installation guide. In this new setup you don't need the config file. It's actually preferable if you're working on a 'new' project. Migration isn't that difficult either.

Or as mentioned earlier a downgrade is also possible, but i'd suggest not doing that.