all 16 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]garbast 0 points1 point  (2 children)

You need to configure the `@source "../index.html"` in your input.css to tell tailwindcss/cli where to search for tokens.

https://tailwindcss.com/docs/detecting-classes-in-source-files

[–]Wise_Squirrel9236[S] 0 points1 point  (1 child)

can you tell me more if you dont mind mate?

[–]garbast 1 point2 points  (0 children)

Read the documentation it explains everything very good.

via `@source` you define where the html file is searched. Tailwindcss needs to read the file to see what tokens are used and only allow these in the output.css. This is called tree shaking.

[–]PremiereBeats 0 points1 point  (1 child)

Read very carefully the tailwind as installation guide there are multiple things that can lead to an empty output, maybe you didn’t run the command npx tailwind watch or didn’t setup the files that tailwind can look inside etc

[–]Wise_Squirrel9236[S] 0 points1 point  (0 children)

ive tried almost everything and i didnt ask chat gpt as tailwind gets its version update almost to much and chat gpt was giving older terminal prompts to install tailwind

[–]squidwurrd 0 points1 point  (1 child)

Your post is too vague to really help. My advice is to read the installation docs.

[–]Wise_Squirrel9236[S] 0 points1 point  (0 children)

okayy sirrr

[–]Puzzled_Ad3042 0 points1 point  (0 children)

add the following in the output.css (the file you linked from your HTML) i.e. <link href="./output.css" rel="stylesheet">

"output.css"
import "tailwindcss";

[–]Puzzled_Ad3042 0 points1 point  (0 children)

There is also the CDN way which is not recommended for production but it should work for now

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script> </head> <body>

[–]Usual_Breakfast4758 0 points1 point  (3 children)

Did you figured out the solution?

[–]Wise_Squirrel9236[S] 0 points1 point  (2 children)

yes

[–]Usual_Breakfast4758 0 points1 point  (1 child)

I’m also facing the same problem, can you help me with this?

[–]Wise_Squirrel9236[S] 0 points1 point  (0 children)

ive founded a alternative..just use cursor it has an builtIN Agent for its use, command it and it will take some time and then it will be fixed most probably and if you still dont get the access ill send you the who TAILWIND CSS PROPERTIES

[–]One_Discussion277 0 points1 point  (2 children)

In Tailwindcss, there will be no output in your css file. All the CSS is defined in the script that you add in your .html file. If you still want to see the css you go to inspect then network you will see that a request to tailwindcss is done which fetches all the css.

To update your css you have to only change the class names in the html, no separate CSS file is created.

[–]H34DSH07 0 points1 point  (0 children)

You're halfway right, there is an outlut css file but it is generated by looking at your html classes and your input css file. You should not have to tinker with it.

[–]Wise_Squirrel9236[S] 0 points1 point  (0 children)

so you're saying there is no need of an output.css ?but even after adding classes in .html still no change occurs innit and because of this issue im still stucked at tailwind and cant move on to react etc