Django - Статические файлы не загружаются

Я пытаюсь сделать приложение Django, и поскольку я очень новичок в этом процессе, у меня было несколько проблем, делая это без учебников, я использовал Google и SO весь путь до сих пор, вот моя ошибка, я пытаюсь загрузить мои статические файлы, когда я делаю это, я получаю следующую ошибку:

Django Error

После дальнейшего исследования, я ввел правильную информацию, как было запрошено, пожалуйста, посмотрите мои:

settings.py

CLOUDINARY_STORAGE = {
      'cloud_name': 'xxx',  
      'api_key': 'xxx',  
      'api_secret': 'xxx',
}

# STATIC_ROOT = os.path.join(BASE_DIR, 'static')
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'),]
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATICFILES_STORAGE = 'cloudinary_storage.storage.StaticHashedCloudinaryStorage'

Затем, когда я добавляю его в шаблон index.html, я сделал это следующим образом:

index.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">
    <title>Landing Page</title>
    {% comment %} Bootstrap {% endcomment %}
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous">
    </script>
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <script>alert('this works');</script>  
</head>

Я знаю, что в какой-то момент я должен выполнить команду collect static, и когда я это делаю, я получаю следующую ошибку:

, что является той же проблемой на отрисованном шаблоне: python manage.py collectstatic

Пожалуйста, не могли бы вы помочь мне понять мою ошибку

Перед тем, как приступить к отладке, убедитесь, что:

  1. Ваш HTML находится в папке templates в каталоге вашего приложения
    2. .
  2. Папка static находится в корневом каталоге вашего проекта, и в ней есть папка с соответствующим именем. В данном случае это будет 'css', а каталог будет выглядеть как project/static/css/filename.css
    3. .
Вернуться на верх