Получение HTTP 404 для файла CSS, хотя я установил статический URL, Root, Dirs в файле settings.py

Question

Я новичок в django и пробую простое веб-приложение, в котором я использую CSS со статическим тегом.

Я настроил settings.py как

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR,"static")
STATICFILES_DIR = [
    os.path.join(BASE_DIR,"static"),
]

Этомой файл панели навигации, который я включил в мою домашнюю страницу

{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'CreditCardNumberValidator/css/main.css' %}">
<div class="topnav">
  <a class="active" href="#home">Home</a>
  ......
</div>

Каждый раз, когда я загружаю домашнюю страницу, я получаю «GET /static/CreditCardNumberValidator/css/main.css HTTP / 1.1» 404

Прикрепленная структура проекта

• CreditCardValidator

  • CreditCardNumberValidator
  • CreditCardValidator
  • шаблоны
    • index.html
    • navbar.html
  • статический
    • CreditCardNumberValidator
      • css
        • main.css

Я не могу найти то, что пропустил.