Vercel развертывает мой сайт django без прикрепления css

Я успешно развернул свой Django-сайт на Vercel, но он размещен без статических файлов, в основном; файл CSS. Вот структура моих файлов: enter image description here

А вот мой код form.html:

<!DOCTYPE html>


{% load static %}

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form</title>
    <link rel="stylesheet" href="{% static 'client/style.css'%}">
    <style>
    @media (max-width: 768px) {
        .container {
            width: 100%;
            padding: 10px;
  }
}

    </style>
</head>
<body>
    <div class="content">
        <div class="container">
            <div class="navinfo">
                <nav class="navitems">
                    <ul>
                        <li class="ServiceAnass"><h3>ServiceAnass</h3></li>
                    </ul>
                </nav>
            </div>
            <div class="title">
                <h2>200dh Competition By Anass</h2>
            </div>
          
            <div class="form">
                <div><h3>Fill in the information below</h3></div>
                <div><form action="/submit" method="post">
                    <div >
                        <label class="firstname" for="firstname">Nom</label> 
                        <input type="text" name="nom" id="firstname">
                    </div>
                    <div>
                        <label class="lastname" for="lastname">Prenom</label> 
                        <input type="text" name="prenom" id="lastname">
                    </div>
                    <div>
                        <label class="ID" for="ID">ID</label> 
                        <input type="number" name="nombre" id="number">
                    </div>
                    <div>
                        <label class="nwhatsapp" for="nwhatsapp">Numero Whatsapp</label> 
                        <input type="number" name="nwhatsapp" id="nwhatsapp"></label>
                    </div>
                    <div class="screenshot-comb">
                        <label class="screenshot" for="screenshot">Screenshot</label>
                        <input type="file" name="screenshot" id="screenshot">
                    </div>
                    <div>
                        <input type="submit" name="submit" value="Submit" id="submit">
                    </div>
                </form></div>
            </div>
        </div>
    </div>
</body>
</html>

Это клиент/settings.py:

Я пробовал использовать DIR 'staticfiles' со всеми моими статическими файлами и назначить его моей форме.html, я запускал python3 manage collectstatic, чтобы сделать все мои статические файлы в одной директории, но все это не сработало!

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