Файл Javascript заставляет css не работать в django
Когда я включаю js файл в base.html <script src="static/assets/js/functions.js"></script> CSS перестает работать полностью, но когда я удаляю JS файл или комментирую его, CSS начинает загружаться и рендериться хорошо. Я даже пытался вставить весь js код вручную в base.html, но он все равно не работает, я не знаю что делать сейчас.
base.html
<head>
<title>Eduport - LMS, Education and Course Theme</title>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Webestica.com">
<meta name="description" content="Eduport- LMS, Education and Course Theme">
<!-- Favicon -->
<link rel="shortcut icon" href="{% static 'assets/images/logo.svg' %}">
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap">
<!-- Plugins CSS -->
<link rel="stylesheet" type="text/css" href="{% static 'assets/vendor/font-awesome/css/all.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'assets/vendor/bootstrap-icons/bootstrap-icons.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'assets/vendor/tiny-slider/tiny-slider.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'assets/vendor/glightbox/css/glightbox.css' %}">
<!-- Theme CSS -->
<link id="style-switch" rel="stylesheet" type="text/css" href="{% static 'assets/css/style.css' %}">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7N7LGGGWT1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-7N7LGGGWT1');
</script>
</head>
<!-- Footer -->
<!-- Bootstrap JS -->
<script src="{% static 'assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js' %}"></script>
<!-- Vendors -->
<script src="{% static 'assets/vendor/tiny-slider/tiny-slider.js' %}"></script>
<script src="{% static 'assets/vendor/glightbox/js/glightbox.js' %}"></script>
<script src="{% static 'assets/vendor/purecounterjs/dist/purecounter_vanilla.js' %}"></script>
<!-- Template Functions -->
<script src="static/assets/js/functions.js"></script>
Файлы JS и CSS расположены в статической папке в корне непосредственно, и я уверен, что там нет опечаток или чего-то неправильно организованного