Django:如何在共享模板中添加静态文件?

.
├── root_app
│   ├── asgi.py
│   ├── forms.py
│   ├── __init__.py
│   ├── __pycache__
│   ├── settings.py
│   ├── urls.py
│   ├── views.py
│   └── wsgi.py
├── db.sqlite3
├── another_app
│   ├── admin.py
│   ├── api_services.py
│   ├── apps.py
│   ├── __init__.py
│   ├── migrations
│   ├── models.py
│   ├── __pycache__
│   ├── templates
│   ├── tests.py
│   ├── urls.py
│   ├── utils.py
│   └── views.py
├── manage.py
├── Pipfile
├── Pipfile.lock
├── README.md
├── requirements.txt
├── static
│   └── css
│       └── styles.css 
└── templates
    ├── base.html
    └── home.html

在我的设置文件中,我有:

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

INSTALLED_APPS = [
    ...
    ...
    'django.contrib.staticfiles',
]
STATIC_URL = '/static/'

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

在base.html模板中,我试图通过以下方式调用static/css/styles.css中的styles.css:

{% load static %}
<link rel="stylesheet" type="text/css" href="{% static "css/styles.css" %}" />

但服务器以“未找到”响应:

"GET /static/css/styles.css HTTP/1.1" 404

我做错什么了?