Как исправить консольную ошибку «CSS Stylesheet not loaded due to „text/html“ MIME mismatch» в Django 4.2?
Я просто работал над своим сайтом, и каждый день стили работали отлично, и все было на высоте. Но сегодня я зашел в Chrome и загрузил свой сайт сначала в автономном режиме, используя сервер Django по умолчанию, и он не показал никаких стилей, и я подумал, что это просто проблема с WIFI. Как только я подключился, я увидел, что стили не изменились, и есть 2 ошибки MIME в моих консолях для всех 3 браузеров, с которыми я пробовал (Microsoft Edge, Firefox и Chrome). Мои статические каталоги настроены правильно, но по какой-то причине, когда я попытался посетить ссылку на таблицу стилей, чтобы получить CSS-файл, я получил 404 вместо этого. Я действительно не знаю, почему это происходит.
Я попробовал внести несколько простых изменений в свою таблицу стилей, например удалить все комментарии, и даже убрал атрибут rel='stylesheet', чтобы посмотреть, что произойдет. Ничего не помогло. Я много искал в Google и даже использовал там предварительный просмотр AI, просматривал Stack Overflow и читал документацию. Я попробовал все их рекомендации, но ничего не помогло. Вот фрагмент кода для моих тегов и статических настроек в settings.py.
<!-- HTML HEAD -->
<head>
{% block ex_head %} {% endblock %}
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link
type="text/css"
href="{% static 'stylesheets/main.css' %}"
rel="stylesheet"
/>
<link rel="shortcut icon" type="image/x-icon" href="/static/logo.png" />
<title>Website Title</title>
{% load static %}
<script src="{% static 'blockly.min.js' %}"></script>
<script src="{% static 'p5.min.js' %}"></script>
<script src="{% static 'blockly_compressed.js' %}"></script>
<script src="{% static 'blocks_compressed.js' %}"></script>
<script src="{% static 'python_compressed.js' %}"></script>
<script src="{% static 'en.js' %}"></script>
<script src="{% static 'p5.js' %}"></script>
<script src="{% static 'p5.dom.js' %}"></script>
{% load bootstrap5 %} {% bootstrap_css %} {% bootstrap_javascript %}
<style>
body {
font-family: "DefaultFont";
}
.margins {
margin-left: 15px;
}
.margins-top {
margin-top: 10px;
}
#blocklyDiv {
height: 480px;
width: 600px;
background-color: aqua;
position: absolute;
top: 12%;
margin-left: 15px;
}
#canvasDiv {
height: 480px;
width: 600px;
position: absolute;
left: 60%;
color: black;
border: 1px red ridge;
}
</style>
{% block extra_style %} {% endblock %}
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
# Settings.py Static Setup
STATIC_URL = 'static/'
STATIC_ROOT = BASE_DIR / "static"
Если вам нужно больше сниппетов кода, просто попросите об этом в комментариях.