Шаблон Django загружается некорректно

В моем проекте django я использую шаблон main.html в этот html файл я импортирую все необходимые css и js файлы я поделюсь структурой ниже

{% load static %}
    <!-- site Favicon -->
    <link rel="icon" href="{% static 'img/favicon/favicon.png' %}" sizes="32x32">

    <!-- css Icon Font -->
    <link rel="stylesheet" href="{% static 'css/vendor/gicons.css' %}">

    <!-- Tailwindcss -->
    <script src="{% static 'js/plugins/tailwindcss3.4.1' %}"></script>

{% block content %}

{% endblock %}

<script src="{% static 'js/plugins/jquery-3.7.1.min.js ' %}"></script>

и я распространяю этот шаблон на файл product-details.html, как показано ниже

{% extends 'index/main.html' %}
{% load static %}

{% block content %}

content of the product-details.html

{% endblock %}

теперь проблема в том, что css этого product-details.html не загружается правильно, а я использую tailwind как фреймворк

правилен ли мой способ расширения шаблона?

Я пытался загрузить страницу, но css не загружается должным образом

Я предполагаю, что проблема в вашем файле settings.py убедитесь, что вы присоединили папку, в которой находится ваш шаблон, к вашему setings.py для примера

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR,'the folder where your template is located')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'core.context_processor.default',
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

также убедитесь, что вы правильно указали имя папки the folder where ur template is located здесь

Пожалуйста, убедитесь, что следующие шаги выполнены.:

  1. Убедитесь, что путь к Tailwind css корректен в файле main.html

  2. если вы используете tailwind, файл tailwind.config.js правильно включает пути к вашим шаблонам

  3. Проверьте пробелы в пути к статическим файлам

  4. Убедитесь, что конфигурация статического файла находится в настройках

      STATIC_URL = '/static/'
  STATICFILES_DIRS = [
      BASE_DIR / "static",
   ]

  5. Очистите кэш в браузере и запустите проект заново

Вернуться на верх