Why is Tailwind's build command not working? - terminal

Question

I'm a beginner and just learning Tailwind, so I made a project and pushed it to GitHub. Unfortunately, I added style.css to my git ignore file and it wasn't pushed to GitHub. Tailwind works in my HTML files and also in my src/style.css file, and this should compress into public/style.css. This is no problem, I thought.
I don't have the project on my hard drive, so I cloned the repo from GitHub and tried to build it again, to automatically create a style.css file. However, when I try to build with the command below, it's throwing this error:
npm run build -p
What is the issue, and what should I do now ?
My package file:
{
"name": "project-1",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build": "tailwindcss -i ./src/tailwind.css -o ./public/style.css -w",
"build-p" : "postcss ./src/tailwind.css -o ./public/style.css -w"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"autoprefixer": "^10.4.0",
"postcss": "^8.4.5",
"tailwindcss": "^3.0.6"
}
}

Answer 1

You are missing the npx infront of your build command as tailwindcss is not an executable.
Add npx at the start of your build command in your package.json to resolve this issue.
Here an example based on your provided screenshot:
{
"name": "project-1",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build": "npx tailwindcss -i ./src/tailwind.css -o ./public/style.css --watch",
"build-p": "postcss ./src/tailwind.css -o ./public/style.css --watch"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"autoprefixer": "^10.4.0",
"postcss": "^8.4.5",
"tailwindcss": "^3.0.6"
}
}

Answer 2

The executable's name for local installations is actually tailwind, not tailwindcss:
"scripts": {
"build": "tailwind -i ./src/tailwind.css -o ./public/style.css -w",
^^--- replaced tailwindcss with tailwind
The code above assumes you have tailwindcss in your dependencies, e.g.:
"devDependencies": {
"tailwindcss": "^3.2.1"
and have installed them (npm install).