Не все файлы, вызываемые с помощью django static, отображаются

У меня есть файл index.html в файле шаблона и есть js, css, image, файлы в моем статическом файле. Я пишу коды правильно, но сайт не отображается должным образом. Анимация, изображения и текст находятся не в правильном месте. (На самом деле, логотип проекта, с которым я раньше работал, появляется в этом проекте. Оба называются "logo.png", я думаю, что pycharm путает коды. Но я открыл свой проект с помощью Visual Studio Code, и логотип моего старого проекта появился снова. Почему это происходит? Нужно ли мне что-то удалить?)

settings.py

STATIC_URL = 'static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]

index.html

<!DOCTYPE html>
{% load static %}
<html lang="en">
<!-- Basic -->

<head>
  <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}" type="image/x-icon">
  <link rel="apple-touch-icon" href="{% static 'images/apple-touch-icon.png' %}">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
  <!-- Site CSS -->
  <link rel="stylesheet" href="{% static 'css/style.css' %}">
  <!-- Responsive CSS -->
  <link rel="stylesheet" href="{% static 'css/responsive.css' %}">
  <!-- Custom CSS -->
  <link rel="stylesheet" href="{% static 'css/custom.css' %}">

  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->

</head>
<body>
    <!-- ALL JS FILES -->
  <script src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
  <script src="{% static 'js/popper.min.js' %}"></script>
  <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <!-- ALL PLUGINS -->
  <script src="{% static 'js/jquery.superslides.min.js' %}"></script>
  <script src="{% static 'js/bootstrap-select.js' %}"></script>
  <script src="{% static 'js/inewstickerjs' %}"></script>
  <script src="{% static 'js/bootsnav.js.' %}"></script>
  <script src="{% static 'js/images-loded.min.js' %}"></script>
  <script src="{% static 'js/isotope.min.js' %}"></script>
  <script src="{% static 'js/owl.carousel.min.js' %}"></script>
  <script src="{% static 'js/baguetteBox.min.js' %}"></script>
  <script src="{% static 'js/form-validator.min.js' %}"></script>
  <script src="{% static 'js/contact-form-script.js' %}"></script>
  <script src="{% static 'js/custom.js' %}"></script>
</body>

</html>

Я поделился важными частями HTML-кодов

enter image description here

Вот как выглядит сайт enter image description here

Но это должно выглядеть следующим образом enter image description here

Надеюсь, я смог объяснить, в чем заключается моя проблема. Я буду рад, если вы поможете мне

Похоже, что проблема заключается в том, что вы, возможно, не сбрасываете кэш. Браузеры хранят кэш, чтобы сайт работал быстрее, поэтому даже если вы внесли изменения в статические файлы (такие как CSS, js или изображения), ваш браузер использует старый CSS, который находится в кэше. Одним из способов решения этой проблемы во время разработки является жесткое обновление, ctrl + shift + r для очистки кэша, связанного с CSS, и crtl + F5 для файлов, связанных с js, также вы можете отключить кэш в вашем браузере. В разработке мы используем версионность для борьбы с этой проблемой. Надеюсь, это решит вашу проблему.

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