На сервере не прогружаются изменения из css файла, что делать?

Question

Nikita Juzz @Nikita0802

Student

На сервере не прогружаются изменения из css файла, что делать?

Верстаю сайт, и когда я подключаю css свойства в формате

link rel="stylesheet" href="../../static/css/includes/header.css"

Все работает хорошо и когда я запускаю сервер

python mange.py runserver

Если я делаю изменения, они происходят и в общем всё работает хорошо.

Но от меня требуется делать линки другим образом, через Django HTML

link rel="stylesheet" href="{% static 'css/includes/main-menu.css' %}"

И в таком случае всё очень плохо, я перестаю видеть какие-либо изменения на сервере, которые я прописываю в CSS.
Но мой товарищ, который делает backend, он видит все мои изменения (после пула с гитхаба). И чтобы мне увидеть изменения, которые сделал я, нужно просить товарища, чтобы он отправил мои изменения на heroku и только после этого я могу видеть изменения, которые я внес в CSS файл.
Пожалуйста подскажите в чём может быть ошибка и как её можно исправить. Я аналогичных проблем не нашел.

Вот код, если надо:
Имеется base.html:

{% load static %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="icon" type="image/png" sizes="32x32" href="{% static 'img/logos.png' %}">
    <link rel="icon" type="image/png" sizes="16x16" href="{% static 'img/logos.png' %}">
    {% block links %}
    {% endblock links %}
    <title>
        {% block title %}
        {% endblock title %}
    </title>
</head>

<body>
    <header>
        {% include 'includes/header.html' %}
    </header>
    <main>
        {% block main_data %}
        {% endblock main_data %}
    </main>
    <footer>
        {% include 'includes/footer.html' %}
    </footer>
</body>

</html>

И вот такой файл main-menu:

{% extends 'base.html' %}
{% load static %}
{% block links %}
<link rel="stylesheet" href="{% static 'css/includes/slick.css' %}">
<link rel="stylesheet" href="{% static 'css/includes/slick-theme.css' %}">
<link rel="stylesheet" href="{% static 'css/includes/main-menu.css' %}">
{% endblock links %}
{% block title %}
Main-menu
{% endblock title %}
{% block main_data %}
<section class="slider">
    <div class="container">
        <div class="slider__inner">

            <div class="slider__item">
                <div class="slider__item-title">
                    Вы можете многому научиться
                </div>
            </div>

            <div class="slider__item">
                <div class="slider__item-title">
                    Ещё какой-то текст
                </div>
            </div>

            <div class="slider__item">
                <div class="slider__item-title">
                    Может быть реклама
                </div>
            </div>

            <div class="slider__item">
                <div class="slider__item-title">
                    Их можно удалить
                </div>
            </div>

            <div class="slider__item">
                <div class="slider__item-title">
                    Или если понадобиться добавить
                </div>
            </div>
            
        </div>
    </div>
</section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="../../static/js/main.js"></script>
<script src="../../static/js/slick.min.js"></script>


{% endblock main_data %}

И если я провожу какие-то изменения в файле main-menu,css, то я не могу наблюдать каких-либо изменений на локальном сервере.