Проблема з перебудовою стилів у django-tailwind

3 Березня 2024 в 01:16 36

При спробі використання tailwind у моєму проекті django і відповідно до цієї документації, коли я вношу зміни у класи tailwind у моїх html-файлах в терміналі, вони перебудовуються, але зміни не відображаються в моєму дизайні.

settings.py
INSTALLED_APPS = [
    'django.contrib.admin',
    'authen',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'tailwind',
    'theme',
    'django_browser_reload',
    'rental',
    'roommate'
]
TAILWIND_APP_NAME = 'theme'
INTERNAL_IPS = [
    "127.0.0.1",
]

settings.py

INSTALLED_APPS = [

'django.contrib.admin',

'authen',

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.messages',

'django.contrib.staticfiles',

'tailwind',

'theme',

'django_browser_reload',

'rental',

'roommate'

]

TAILWIND_APP_NAME = 'theme'

INTERNAL_IPS = [

"127.0.0.1",

]

Файл index.html у моєму каталозі шаблонів, де існують тема, manage.py і інші каталоги.

{% load static tailwind_tags %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rentopia</title>
    <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"> -->
    <link rel="icon" href="{% static 'images/home.png' %}" type="image/png">
    {% tailwind_css %}
</head>
i've tried with this in package.json but it still does nothing
"dev": "cross-env NODE_ENV=development CHOKIDAR_USEPOLLING=1 tailwindcss --postcss -i ./src/styles.css -o ../static/css/dist/styles.css -w",