Chrome предупреждение о статическом ресурсе (css / gif / png / js)

Question

Когда загружается веб-страница, я получаю предупреждение в отладчике как

Ресурс интерпретируется как таблица стилей, но передается с текстом типа MIME / обычный.

Я получаю это предупреждение, когда браузер запрашивает файлы js, css, gif и png.

Любая идея, как решить это предупреждение

Answer 1

Ну, в сообщении об ошибке все сказано.

Ваш веб-сервер отправляет неправильно / пропущено Тип содержимого HTTP Заголовок .

Используйте Проверка заголовка HTTP и введите URL-адрес вашего js / css / gif / png и проверьте, какой заголовок Content-Type отправляет сервер (я полагаю, ни одного вообще или текст / обычный).

Затем исправьте свой сервер, чтобы он отправлял правильный тип mime, или обратитесь к администратору сервера.

Правильные значения Content-Type должны быть

text/css -> для файлов .css

image/gif -> для файлов .gif

image/jpeg -> для файлов .jpg / .jpeg

application/javascript -> для файлов .js

image/png -> для файлов .png

Считай себя счастливчиком;). Теперь это просто предупреждение в Chrome, в более ранних версиях Chrome, когда был установлен / отправлен неправильный / отсутствующий заголовок типа содержимого, например CSS вообще не применялся.

Answer 2

Я обнаружил, что веб-сервер разработки Django обслуживает все изображения / css и т. Д. С неправильными заголовками. Хотя ответ Jitter по-прежнему является лучшим подходом к решению этой проблемы, починка сервера не всегда возможна.

Я обнаружил, что вы можете просто скрыть предупреждения в Chrome и просматривать ОШИБКИ и ЖУРНАЛЫ только при нажатии Ctrl + клик по двум заголовкам (ОШИБКИ и ЖУРНАЛЫ) в окне Chrome Inspect >> Console; по сути, скрывая все предупреждения.

Простой взлом, но, несомненно, делает отладку в Django менее громоздкой и раздражающей.

Answer 3

Вы можете скрыть предупреждение, купив, добавив этот код к вам JS:

console.groupCollapsed(' ');console.log('just example');console.groupEnd(); console.log('b')

Answer 4

У меня возникла эта проблема после переименования каталога в моей папке / public /. Кэш Chrome пытался загрузить файл из старого каталога, который теперь возвращал страницу с изображением ошибки вместо изображения - и, таким образом, ошибку, указывающую, что он ожидает .jpg, но получает текст / html

Answer 5

Я также сталкиваюсь с этими проблемами, и когда я использую утилиту HTTP Header Check для ресурсов, получающих эту ошибку, возвращается правильный заголовок Content-Type с правильным mime-типом для запрошенного ресурса. Я также проверил эти заголовки с помощью Firefox / Live HTTP-заголовков, а также wget.

Мне интересно, действительно ли это ошибка в Chrome, которая заставляет его игнорировать этот конкретный заголовок для файлов такого типа.

Answer 6

Это проблема с настройкой вашего сервера. Вероятно, у вас есть несколько случайных файлов .htaccess, которые воспроизводятся с типами MIME.