Django не видит статические css-файлы

Столкнулся с проблемой: django не видит статические файлы. В частности css.

Вот структура проекта:

enter image description here

settings.py (DEBUG = True):

STATIC_URL = '/static/'

STATICFILES_DIRS = []

STATIC_ROOT = os.path.join(BASE_DIR, "static")

aboutus.html

{% extends 'mainapp/base.html' %}
{% load static %}

<html>
    <head>
        <link type="text/css" href="{% static 'mainapp/css/aboutus.css' %}" rel="stylesheet" /> # здесь aboutus.css pycharm подчеркивает, ибо не видит
    </head>
    <body>
        {% block title %}
        О нас
        {% endblock %}
        {% block content %}

        <div id='div1'>
            <span id='span1'>▼</span> Кто мы такие?</div>
        <div id='div2'>
            1 <span class='span2'>2</span>3
            <span  class='span2'>4 </span><br>
            5 <br>
            6 <a href="https://www.youtube.com/watch?v=OWycy6WRv7w">7</a>
        </div>

        {% endblock %}
    </body>
</html>

aboutus.css :

#div1 {
 font-size: 20px;
 text-align: center;
 margin-top: 30px;
 margin-bottom : 20px
}
#span1 {
    font-size: 9pt
}
#div2 {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background-color: rgb(255,255,255);
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 2.5;
    text-align: center;
    margin-bottom : 20px;
    border: 1px solid gray
}
.span2 {
    color: red
}

urls.py

if settings.DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

"django.contrib.staticfiles" в INSTALLED_APPS есть. Я использую mac os.

Я вижу комментарии, но не могу ответить в них, поэтому решил помочь вам, написав ответ напрямую.

По сути, вы сделали неправильно, вставив папку static в неправильный корневой каталог - ваш корневой каталог (BASE_DIR) - это djangopractice1.

Но, если вы хотите иметь static каталоги в отдельных приложениях, вы всегда можете установить STATICFILES_DIRS это в настройках:

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

Надеюсь, это сработает для вас.

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