🔒 Tailwind is v4 is not working on Django | Python | Page 1

fallen rover May 27, 2026, 3:56 AM

#

I have properly configured but can't figure out why tailwind is not properly running on at home.html

//demo/mysite/setting.py

STATIC_URL = 'static/'
STATIC_ROOT = BASE_DIR / 'static'
STATICFILES_DIRS = ['mysite/static']

# Media Files configuration
MEDIA_URL  = '/media/'
MEDIA_ROOT = BASE_DIR / 'media'

output.css has values but it seems to not compile new classes.

//demo/templates/home.html

<section class="flex items-center justify-center mt-10">
    <div class="w-full max-w-2xl shadow-md rounded-lg overflow-hidden">
        <table class="w-full text-sm text-left text-gray-700">
            <thead class="text-xs text-red-500 uppercase bg-green-700">
                <tr>
                    <th scope="col" class="px-6 py-3">#</th>
                    <th scope="col" class="px-6 py-3">First</th>
                    <th scope="col" class="px-6 py-3">Last</th>
                    <th scope="col" class="px-6 py-3">Handle</th>
                </tr>
            </thead>
            <tbody>
                <tr class="bg-white border-b hover:bg-green-50 transition-colors">
                    <th scope="row" class="px-6 py-4 font-medium text-gray-900">3</th>
                    <td class="px-6 py-4">Larry</td>
                    <td class="px-6 py-4">the Bird</td>
                    <td class="px-6 py-4 text-green-600 font-medium">@twitter</td>
                </tr>
            </tbody>
        </table>
    </div>
</section>

coral lindenBOT May 27, 2026, 3:56 AM

#

fallen rover I have properly configured but can't figure out why tailwind is not properly run...

#

@fallen rover

Python help channel opened

Remember to:

Ask your Python question, not if you can ask or if there's an expert who can help.
Show a code sample as text (rather than a screenshot) and the error message, if you've got one.
Explain what you expect to happen and what actually happens.

:warning: Do not pip install anything that isn't related to your question, especially if asked to over DMs.

winter raven May 27, 2026, 3:58 AM

#

'python page'????

winter raven May 27, 2026, 3:59 AM

#

fallen rover I have properly configured but can't figure out why tailwind is not properly run...

you probably want to add leading '/' on the path

fallen rover May 27, 2026, 3:59 AM

#

Sorry what should be the title

winter raven May 27, 2026, 4:00 AM

#

what web development framework are you using??

fallen rover May 27, 2026, 4:00 AM

#

django

#

Tailwind is v4 is not working on Django

winter raven May 27, 2026, 4:02 AM

#

fallen rover I have properly configured but can't figure out why tailwind is not properly run...

it should work when you add leading '/' on the static URL

#

try

fallen rover May 27, 2026, 4:02 AM

#

STATIC_URL = 'static/' this one?

winter raven May 27, 2026, 4:02 AM

#

STATIC_URL = '/static/'

#

can you also share the backend?

fallen rover May 27, 2026, 4:05 AM

#

I can give you the repo if u want

#

https://github.com/iamshulz/python-demo

#

Not sure if this is the backend you are requesting.

/urls.py

from django.contrib import admin
from django.urls import path
from . import views
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', views.home),
] + static(settings.MEDIA_URL, document_root = settings.MEDIA_ROOT)

#

/views.py
def home(request):
    employees = Employee.objects.all()
    context = {
        'employees': employees
    }
    return render(request, 'home.html', context)

#

It has something to do with tailwind not properly compiling the new classes

#

the output.css always shows the same value

#

Even if I change the bg of the table or section

fallen rover May 27, 2026, 4:14 AM

#

winter raven ```py STATIC_URL = '/static/' ```

I added '/' to the static url but it seems to show the same result

boreal fjord May 27, 2026, 4:21 AM

#

fallen rover I added '/' to the static url but it seems to show the same result

Did you try restarting your django server?

fallen rover May 27, 2026, 4:21 AM

#

yessir

boreal fjord May 27, 2026, 4:21 AM

#

Or hard refreshing the page?

#

CTRL + SHIFT + R?

fallen rover May 27, 2026, 4:21 AM

#

Yes just did it

#

still same output

#

Am I missing some configurations ?

#

based on the repo

boreal fjord May 27, 2026, 4:22 AM

#

fallen rover based on the repo

Is the repo the latest change?

fallen rover May 27, 2026, 4:22 AM

#

yes

boreal fjord May 27, 2026, 4:22 AM

#

I see no tailwind css as part of the link

#

https://github.com/iamshulz/python-demo/blob/master/templates/home.html#L9 only output.css is there. You need to include tailwind css link in there too

coral lindenBOT May 27, 2026, 4:23 AM

#

templates/home.html line 9

<link rel="stylesheet" href="{% static 'css/output.css' %}">```

winter raven May 27, 2026, 4:23 AM

#

maybe tailwind was on the out.css...

winter raven May 27, 2026, 4:25 AM

#

boreal fjord I see no tailwind css as part of the link

The output.css IS the tailwind code...

fallen rover May 27, 2026, 4:25 AM

#

The output.css

#

This is what it looks like

#

its tailwind generated

boreal fjord May 27, 2026, 4:27 AM

#

hmmm

fallen rover May 27, 2026, 4:27 AM

#

for sure I am missing the @import tailwindcss

#

but donno what to do with it

#

have you guys integrated tailwind in django?

winter raven May 27, 2026, 4:31 AM

#

@fallen rover can you open the devtools on your browser??

fallen rover May 27, 2026, 4:31 AM

#

sure

#

winter raven May 27, 2026, 4:32 AM

#

fallen rover have you guys integrated tailwind in django?

Usually you should use the online url

fallen rover May 27, 2026, 4:32 AM

#

but thats cdn

winter raven May 27, 2026, 4:32 AM

#

fallen rover

Open console

fallen rover May 27, 2026, 4:32 AM

#

oaky

#

what should i type

winter raven May 27, 2026, 4:32 AM

#

Wait that's not chrome.....

fallen rover May 27, 2026, 4:33 AM

#

its chrome

#

just on macos

boreal fjord May 27, 2026, 4:33 AM

#

fallen rover

What does Console tab show?

#

And what does your Django terminal show?

fallen rover May 27, 2026, 4:34 AM

#

winter raven May 27, 2026, 4:34 AM

#

fallen rover what should i type

just show what it said

fallen rover May 27, 2026, 4:34 AM

#

winter raven May 27, 2026, 4:34 AM

#

Looks fine

fallen rover May 27, 2026, 4:36 AM

#

do you guys use this command npx @tailwindcss/cli -i ./static/src/input.css -o ./static/dist/output.css --watch or you just do npm run watch?

winter raven May 27, 2026, 4:36 AM

#

Try to press [email protected] and put your cursor to any elements

boreal fjord May 27, 2026, 4:37 AM

#

I don't use npm directly into django templates

fallen rover May 27, 2026, 4:38 AM

#

winter raven Try to press [email protected] and put your cursor to any elements

fallen rover May 27, 2026, 4:38 AM

#

boreal fjord I don't use npm directly into django templates

what command do you run

winter raven May 27, 2026, 4:38 AM

#

Then click, and show the devtools

boreal fjord May 27, 2026, 4:38 AM

#

fallen rover what command do you run

I don't. I use their CDN or download a copy of tailwind and upload it to my static folder

winter raven May 27, 2026, 4:38 AM

#

I prefer a copy of the tailwind on the project directory

boreal fjord May 27, 2026, 4:39 AM

#

fallen rover

Its possible that you have another django instance running. What happens if you stop your django runserver, and reload this page?

fallen rover May 27, 2026, 4:39 AM

#

winter raven Then click, and show the devtools

winter raven May 27, 2026, 4:39 AM

#

You didn't click...

fallen rover May 27, 2026, 4:39 AM

#

fallen rover

fallen rover May 27, 2026, 4:40 AM

#

boreal fjord Its possible that you have another django instance running. What happens if you ...

I only have one instance of the server running

winter raven May 27, 2026, 4:40 AM

#

it looks fine... Maybe your mistakenly used different css class

fallen rover May 27, 2026, 4:40 AM

#

and also npm run watch

winter raven May 27, 2026, 4:41 AM

#

It's displaying whatever those class you add to those elements

fallen rover May 27, 2026, 4:41 AM

#

It's okay I will try to figure this out and post my solution if I get it correctly

boreal fjord May 27, 2026, 4:41 AM

#

fallen rover I only have one instance of the server running

I'm saying to eliminate that possibility, try stopping the django runserver in your terminal now, and reload the page. Will it load the same page or something else?

fallen rover May 27, 2026, 4:42 AM

#

winter raven May 27, 2026, 4:42 AM

#

fallen rover It's okay I will try to figure this out and post my solution if I get it correct...

Do you managed to make it show whatever was on your mind before it hot here???

fallen rover May 27, 2026, 4:43 AM

#

for some reason it show "This site cant be reached" Then reloads itself

#

and display the page

#

weird

winter raven May 27, 2026, 4:43 AM

#

well because you shutdown the server ..

#

It's maybe loading what's ever on the cache

winter raven May 27, 2026, 4:45 AM

#

winter raven Do you managed to make it show whatever was on your mind before it hot here???

@fallen rover

fallen rover May 27, 2026, 4:45 AM

#

winter raven Do you managed to make it show whatever was on your mind before it hot here???

unfortunately no

winter raven May 27, 2026, 4:45 AM

#

So theres no issues here

fallen rover May 27, 2026, 4:46 AM

#

I was following some tutorials on youtube but was using bootstrap instead of tw

winter raven May 27, 2026, 4:46 AM

#

it simply lacks styles

fallen rover May 27, 2026, 4:46 AM

#

thats why I tried installed tw myself

#

didnt realized it was harder than i thought

winter raven May 27, 2026, 4:46 AM

#

idk how to use tailwind.... I just write the css code manually.....

fallen rover May 27, 2026, 4:46 AM

#

wow we got a badass over here

winter raven May 27, 2026, 4:47 AM

#

not really.... That's how everyone do it

#

Right..??

boreal fjord May 27, 2026, 4:47 AM

#

If I load the output.css manually and removing the Django templating from home.html, it does apply the styles

fallen rover May 27, 2026, 4:47 AM

#

I will try

boreal fjord May 27, 2026, 4:47 AM

#

something is not right with the django templating system in your project

fallen rover May 27, 2026, 4:47 AM

#

boreal fjord If I load the output.css manually and removing the Django templating from home.h...

here's how it looks

winter raven May 27, 2026, 4:48 AM

#

what {{ load static }} do on Django??

boreal fjord May 27, 2026, 4:48 AM

#

winter raven what ``{{ load static }}`` do on Django??

It loads the static files for that template

winter raven May 27, 2026, 4:48 AM

#

on flask I doesn't have to do that ._.

#

I thought it would be same as flask templates

boreal fjord May 27, 2026, 4:49 AM

#

I can sorta see why... the views.py is in the mysite folder instead of the employees

boreal fjord May 27, 2026, 4:50 AM

#

winter raven I thought it would be same as flask templates

Flask templates uses Jinja templates. Django is similar but has some notable differences

winter raven May 27, 2026, 4:50 AM

#

Fair

fallen rover May 27, 2026, 4:53 AM

#

boreal fjord something is not right with the django templating system in your project

yes im sure it has something to do with @import tailwindcss,
Just cant figure out yet but thanks for your help @boreal fjord @winter raven

boreal fjord May 27, 2026, 4:53 AM

#

fallen rover yes im sure it has something to do with @import tailwindcss, Just cant figure ou...

I've cloned your repo and found that its not following the opinionated standard of how you should be developing with Django

boreal fjord May 27, 2026, 4:54 AM

#

boreal fjord I can sorta see why... the `views.py` is in the `mysite` folder instead of the `...

Like this for example ☝️

fallen rover May 27, 2026, 4:54 AM

#

boreal fjord Like this for example ☝️

Yes, because I am only following a tutorial like basics

#

https://www.youtube.com/watch?v=3gpo9piG12E&t=682s

#

Im new to python and django and trying to learn here

boreal fjord May 27, 2026, 4:55 AM

#

fallen rover https://www.youtube.com/watch?v=3gpo9piG12E&t=682s

idk how good that tutorial is. The official docs is more than enough and very accurate

fallen rover May 27, 2026, 4:57 AM

#

Question what does this error mean

#

can't resolve 'tailwindcss' ...

boreal fjord May 27, 2026, 4:58 AM

#

fallen rover Question what does this error mean

you're referencing the wrong name

#

- npx @tailwindcss/cli
+ npx tailwindcss

fallen rover May 27, 2026, 5:00 AM

#

boreal fjord May 27, 2026, 5:01 AM

#

fallen rover

What does the log say inside that log file?

#

@fallen rover I figured it out...

fallen rover May 27, 2026, 5:05 AM

#

boreal fjord What does the log say inside that log file?

how?

boreal fjord May 27, 2026, 5:06 AM

#

https://github.com/iamshulz/python-demo/blob/master/mysite/settings.py#L118-L120 these shows that you pointed the static file inside the mysite folder

coral lindenBOT May 27, 2026, 5:06 AM

#

mysite/settings.py lines 118 to 120

STATIC_URL = '/static/'
STATIC_ROOT = BASE_DIR / 'static'
STATICFILES_DIRS = ['mysite/static']```

boreal fjord May 27, 2026, 5:06 AM

#

and in your project, you have 2 static folders

#

one outside of the mysite

#

and the other inside the mysite folder

winter raven May 27, 2026, 5:06 AM

#

how can you have 2 folder with same name...

boreal fjord May 27, 2026, 5:06 AM

#

Its been loading the static css file inside the mysite and not the outside

winter raven May 27, 2026, 5:07 AM

#

coral linden `mysite/settings.py` lines 118 to 120 ```py STATIC_URL = '/static/' STATIC_ROOT ...

oh... mysite/static

boreal fjord May 27, 2026, 5:07 AM

#

winter raven how can you have 2 folder with same name...

Django allows it. Just need to include the other directory in STATICFILES_DIRS as another option if the first output.css doesn't exist in either

fallen rover May 27, 2026, 5:07 AM

#

should I remove the on inside mysite?

winter raven May 27, 2026, 5:08 AM

#

theres no reason to have morethan 1 static folder

boreal fjord May 27, 2026, 5:08 AM

#

fallen rover should I remove the on inside mysite?

I would use the outside one for sure. Just make sure to reference it properly in your STATICFILES_DIRS

fallen rover May 27, 2026, 5:09 AM

#

what should this looklike

#

STATICFILES_DIRS = ['mysite/static']

#

just mysite?

#

I removed the static folder inside the mysite

boreal fjord May 27, 2026, 5:10 AM

#

if you're only referencing to the the static folder outside of mysite, make the STATICFILES_DIRS an empty list (or just remove it entirely)

#

Because you have it defined in STATIC_ROOT already

fallen rover May 27, 2026, 5:11 AM

#

#

#

#

what's the right way of calling the django image?

boreal fjord May 27, 2026, 5:15 AM

#

fallen rover

Sorry its the other way around.

#

The value of your current STATIC_ROOT should be in STATICFILES_DIRS

#

Your STATIC_ROOT should just be a folder name like 'staticfiles'

fallen rover May 27, 2026, 5:16 AM

#

hmmm

#

interesting result

boreal fjord May 27, 2026, 5:17 AM

#

Thats from your output.css

#

idk how you generated your tailwind css but those are the colors you picked

#

not shaming you for your choice of colors but it is what it is

fallen rover May 27, 2026, 5:18 AM

#

The tailwind thing is still not working btw

boreal fjord May 27, 2026, 5:19 AM

#

oh you mean the npx thingy? no clue. Ask in a Tailwind server

fallen rover May 27, 2026, 5:21 AM

#

what is django using as it frontend engine?

#

like forexample in laravel it's using blade

boreal fjord May 27, 2026, 5:21 AM

#

Django uses its own templating system.

#

aka Django templates

#

You can however, not use Django templates and use whatever frontend you want. Just use Django together with an API middleware like Django REST Framework (aka DRF) or Django-Ninja

#

Then pass the API endpoints to whatever frontend of choice you want like Flutter, React Native, Svelte, etc

fallen rover May 27, 2026, 5:23 AM

#

so django and spa is notrecommended

boreal fjord May 27, 2026, 5:24 AM

#

I'm pretty sure you can do Django and SPA, just not in the same server/instance

fallen rover May 27, 2026, 5:24 AM

#

okay got it 🙂

#

i just realized my nodemodule folder is inside the project mysite

#

which is wrong lol

boreal fjord May 27, 2026, 5:27 AM

#

Be sure to add nodemodule into your .gitignore next time 🙂

coral lindenBOT May 27, 2026, 6:27 AM

#

Python help channel closed for inactivity

This help channel has been closed. Feel free to create a new post in #1035199133436354600. To maximize your chances of getting a response, check out this guide on asking good questions.

#🔒 Tailwind is v4 is not working on Django