Статический файл не загружен

Я использую React внутри приложения Django и столкнулся с проблемой отсутствия загрузки статического файла

мой settings.py имеет вид

и index.html является

  <!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>zohaib ul hassan</title>
    </head>
    <body>
        <div id="app"></div>
        {% load static %}
        <script src="{% static "frontend/main.js" %}"></script>
    </body>
</html>

и файл, который я хочу загрузить, находится в приложении frontend, которое имеет папку по пути static/frontend/main.js помните этот путь после папки frontend/app.beside frontend app У меня также есть приложение, известное как lead, но оно не влияет на код, я так думаю. структура дерева enter image description here

-------- handel Static Files In dajngo --------

# Steps:
    # 1 - Create (static) folder in Root Directory of Project
    # 2 - Paste Your Static Files Folder in (static) Folder (js,css,images...etc)
    # 3 - Now Do Setting in (setting.py)
           STATIC_URL = '/static/'

           import os
           STATICFILES_DIRS = [os.path.join(BASE_DIR,'static')]
            # ---------- OR ------------------------
            # ---------- if Django version 3.2 ------------------------
           STATICFILES_DIRS = [BASE_DIR /'static']



    # 4 - add {% load static %} tag on top of html page
    # 5 - Now use ({% static 'assets/image.jpg' %}) tag in HTML File for calling static files
    # 6 - Done

=========== в html =============

<img src="{% static '1.png' %}" alt="" srcset="">

===== путь к статической папке =============

enter image description here

=========== выход ===========

enter image description here

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