Css — Ошибка style.css не подгружается…её MIME-тип (texthtml)


Содержание

«Таблица стилей не была загружена, потому что ее тип MIME,» text/html «не является» text/css «,

У меня есть приложение javascript, и когда я запускаю его в firefox, я получаю на консоли следующий erro:

«Таблица стилей не была загружена, потому что его тип MIME,» text/html «не» Текст /CSS «.

EDIT: Обратите внимание, что это говорит о том, что «Таблица стилей ABCD. » Но ABCD на самом деле является HTML файлом.

Изменить ( ANSWER ): На самом деле я ошибочно положил href=»» , и, следовательно, html файл обновлялся как CSS. У Mozilla была аналогичная ошибка один раз, и оттуда я получил ответ. Но все остальные ответы мне тоже помогли. Спасибо.

«стилей не был загружен , потому что его MIME- тип», текст / HTML «не является» текст / CSS

я javascript-приложение, и, когда я запускаю его в firefox, я получаю следующее erro на консоли:

«stylesheet не был загружен, потому чтоMIME-тип «text/html» — это не»text/css».

РЕДАКТИРОВАТЬ:Обратите внимание, что он говорит, что «stylesheet ABCD. «Но ABCD-это на самом деле HTML-файл.

Edit (ОТВЕТ : ) : на самом Деле я ошибочно ставят href=»/» , и, следовательно, html-файл был refenecing себя как CSS. Mozilla имел подобную ошибку один раз, и именно оттуда я получил ответ. Но все остальное ответы мне тоже помог. Спасибо.

Css — Ошибка: style.css не подгружается…её MIME-тип (text/html)

Здесь могла бы быть ваша реклама

Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006
Откуда: Israel

Секрет
Теперь, когда вы уже наверняка второпях отправили свой запрос,
я расскажу вам простой секрет, который сэкономит вам уйму ожиданий,
даже если первый ответ по теме последуем сразу же.

Само собой я знаю что ответят мне тут же, и если я посмотрю
на сообщения на форуме, то пойму что в общем то я и не ошибаюсь.
Но еще я точно замечу, что очень мало тем, в которых всего два ответа :
вопрос автора и еще два сообщение вида Ответ + Спасибо

После этого приходится начинать уточнять этим неграмотным что мне надо.
Они что, сами читать не умеют? А уточнять приходится.
И иногда пока они переварят то что я им скажу проходит и не одна ночь..

Уверен что если бы я им сказал что у меня есть
фиолетовый квадрат, и нужно превратить его в синий треугольник
и я пытался взять кисточку, макнуть в банку и поводить ей по квадрату
но почему то кисточка не принимала цвет краски в банке,
то на мой вопрос — где взять правильные банки мне бы ответили гораздо быстрее
предложив её открыть, а не тратить еще стольник на жестянку.

Поэтому с тех пор я строю свои вопросы по проверенной давным давно схеме:
Что есть
Что нужно получить
Как я пытался
Почему или что у меня не получилось.

На последок как оно происходит на форумах

Новичок: Подскажите пожалуста самый крепкий сорт дерева! Весь инет перерыл, поиском пользовался!
Старожил: Объясни, зачем тебе понадобилось дерево? Сейчас оно в строительстве практически не используется.
Новичок: Я небоскрёб собираюсь строить. Хочу узнать, из какого дерева делать перекрытия между этажами!
Старожил: Какое дерево? Ты вообще соображаешь, что говоришь?
Новичок: Чем мне нравиться этот форум — из двух ответов ниодного конкретного. Одни вопросы неподелу!
Старожил: Не нравится — тебя здесь никто не держит. Но если ты не соображаешь, что из дерева небоскрёбы не строят, то лучше бы тебе сначала школу закончить.
Новичок: Не знаите — лучше молчите! У меня дедушка в деревянном доме живёт! У НЕГО НИЧЕГО НЕ ЛОМАЕТСЯ.
Но у него дом из сосны, а я понимаю, что для небоскрёба нужно дерево прочнее! Поэтому и спрашиваю. А от вас нормального ответа недождёшся.
Прохожий: Самое крепкое дерево — дуб. Вот тебе технология вымачивания дуба в солёной воде, она придаёт дубу особую прочность:
Новичок: Спасибо, братан! То что нужно.

Цукерберг рекомендует:  Галерея с интересным эффектом перехода между слайдами

Отредактировано модератором: Uchkuma, 26 Апреля, 2011 — 10:21:12

«Таблица стилей не был загружен, поскольку его MIME-тип» Текст / HTML «не» текст / CSS»[закрыт]

December 2020

75.4k раз

У меня есть JavaScript Application и когда я запускаю его на светлячок я получаю следующее ERRO на консоли:

«Таблица стилей не был загружен, поскольку его MIME-тип„Текст / HTML“не„текст / CSS“.

EDIT: Обратите внимание, что он говорит, что «таблицы стилей ABCD . » Но ABCD на самом деле является HTML-файл.

Edit ( ОТВЕТ ): На самом деле я неправильно поставил href=»» , и , следовательно, HTML файл был refenecing себя как CSS. Mozilla была подобная ошибка раз , и именно оттуда я получил ответ. А еще ответы у всех слишком помогли мне. Благодарю.

7 ответы

Обзор любой .htaccess. Может быть, .htaccess, правило конфликтует с правом выхода. Попробуйте просмотреть свой CSS ресурс прямо в адресной строке, он должен быть представлен в текстовом формате.

В Ubuntu В файле конф: /etc/apache2/sites-enabled/your-file.conf

Это то, что сделал это для меня в .htaccess (это может быть, что у вас была директива делает все файлы загружались MIME тип текста / HTML):

На самом деле я неправильно поставил HREF = «», и , следовательно, HTML файла ссылается себя как CSS. Mozilla была Похожая ошибка один раз , и я получил ответ от там.

В головной части вашего документа HTML:

Файл CSS должен быть CSS только и не содержит какую-либо разметку.

Это, скорее всего, проблема на вашей стороне сервера. Вы запрашиваете страницу таблицы стилей «Стили / site.css» с сервера типа «текст / CSS», но ваш сервер может отвечать на этот запрос «тест / html». У меня была эта проблема, когда мой сервер был запущен в питона и отвечал на запрошенные файлы CSS с текстом заголовка / html (как и мой файл index.html). Я переоформлена мой код сервера и назначена правильные заголовки для своих соответствующих страниц и мой вопрос был решен.

Вы пытаетесь использовать его как файл CSS, вероятно, с помощью

CSS не был загружен, потому что его MIME-тип «text / html» не является «text / css»

Я использую NetBeans 8.2 Ide, Apache 2.4 с php7.

Я скачал Bootstrap и пытаюсь связать его с index.php, который у меня не далеко. Когда я тестирую страницу примера на локальном хосте I, появляется сообщение об ошибке «css не был загружен, поскольку его MIME-тип« text / html »не является« text / css »»

Вещи, которые я пробовал (перезапуская между ними):

  • «AddType text / css .css» в моем файле httpd.conf, а также в vhost
  • обеспечил отключение php strict_mode (видел это в посте)
  • проверил mime.types для типа (который есть) text / css — css

изменено default_mimetype = «text / html» на default_mimetype = «» в файле php.ini

Я провел еще несколько исследований, выяснив, что PHP по какой-то причине будет анализировать .css как html и менять его тип MIME (не совсем уверен, как это все работает, но, похоже, так и есть). Поэтому я переименовал файлы .css в файлы .php и добавил код в каждый файл .css

это не сработало, затем я добавил в index.php следующее:

это просто предотвратило загрузку таблиц стилей из-за отсутствия MIME-типа! даже в сочетании с Content-type.

также я включил захват заголовка запроса и ответа на сервервведите описание изображения здесь

большое спасибо за любую помощь, это очень расстраивает, я пытаюсь войти в некоторый основной веб-дизайн, но я даже не могу сделать это мимо включенного шаблона Netbeans. У меня есть ощущение, что это как-то связано с конфигурацией PHP7 или Apache 2.4, но я понятия не имею, что делать дальше


Решение

В итоге я удалил свой самостоятельно настроенный сервер Apache и установил предварительно сконфигурированный сервер Apache WAMP, который решил мою проблему, поэтому где-то возникла проблема с конфигурацией, я не уверен, что, но теперь все работает отлично.

15 ошибок или советов HTML и CSS

Ошибки и советы я написал по-своему опыту. Если найдутся ошибки типа «вредных советов», то буду рад услышать конструктивную критику. Пост предназначен для начинающих изучать HTML и CSS, но, возможно, специалистам тоже будет интересно ознакомиться с данным материалом.

1. W3C Validator

Рекомендуется проверять HTML и CSS сайта через сервис validator.w3.org. Данный сервис просканирует код и отобразит ошибки, например:

  • не закрыт тег;
  • не рекомендованные символы в ссылках;
  • используется не рекомендованный тег;
  • не указан обязательный атрибут;
  • и другое.

2. Вёрстка в формате UTF-8

При вёрстке страницы, надо убедиться, что кодировка файла установлена в UTF-8 (без BOM). Каждый текстовый редактор устанавливает кодировку по-своему.

Файл в формате UTF-8 позволяет использовать нестандартные символы (например, символы различных языков, знак валюты и другие).

Также надо сообщить браузерам, что страница открывается в кодировке UTF-8. Это делается через тег ниже:

3. Одинаковые id у нескольких элементов

Значение атрибута id в HTML-коде не должно повторяться.

4. Спрайты

Несколько маленьких картинок рекомендуется соединять в один файл (такой файл называется спрайт). Это уменьшит количество запросов на сайт и улучшит скорость загрузки страницы.

Сейчас также популярно вместо спрайтов использовать шрифты с иконками. Т.е. вместо букв выводятся иконки шестерёнки, смайлика и других иконок. В качестве примера можно привести иконки glyphicons, которые используются в Twitter Bootstrap.

Преимущества шрифтов к спрайтам, это сохранение качества при изменении размера иконок и меньший размер. Но недостаток, нельзя использовать больше одного цвета в иконке.

5. Много селекторов

Не рекомендуется использовать больше трёх селекторов, т.к. это влияет на производительность сайта.

Браузеры читают CSS справа налево. Т.е. в коде выше, сначала будут выбраны все ссылки, что есть на странице, а потом будут выбраны те ссылки, которые находятся внутри элемента .item.

Если есть возможность, то выборку рекомендуется сокращать до одного селектора:

6. Стили в HTML

HTML предназначен для вывода информации (текст, картинки). Оформления контента (изменить размер, цвет, шрифт) происходит в CSS.

7. Неправильное названия классов

Многие верстальщики, когда надо сделать текст зелёным цветом, прикрепляют к нему класс .green.

Это неправильно, т.к. при смене дизайна, многие цвета могут измениться, например, текст сообщения может выводиться синим цветом вместо зелёного. Тогда придётся искать все теги, у которых есть класс .green и заменять его на .blue.

Чтобы избегать подобных ситуаций, не рекомендуется применять классы для смены цвета, выравнивания текста, изменения регистра. Надо называть сами элементы (шапка, подвал, сообщение), и применять к нему свои стили.

8. Пиксели в дробных значениях

Некоторые браузеры позволяют указывать пиксели в дробных значениях, например «1.5px». Но это неправильно, т.к. пиксель это неделимая единица. Вместо «1.5px» лучше использовать «1.5em».

9. Использование классов вместо id

Рекомендуется делать выборку по классам вместо id, т.к. селекторы с id имеют больший вес, чем у классов, и их сложно будет переопределить.

Также не рекомендуется использовать !important, т.к. его вес выше, чем у атрибута id, и его также будет сложно переопределить.

10. Меню

Меню должно быть оформлено как список.

11. Пропущенный alt у картинок

В тегах надо указывать атрибут alt (можно пустой).

12. Теги

. В основном, в этом теге находится название страницы.

13. Транскрипция

Названия всех элементов надо писать в английском переводе. Даже если не известно, как слово пишется по-английски, есть много бесплатных сервисов, которые могут перевести. Когда встречаются названия элементов транскрипцией, это выгладит непрофессионально.

14. Clearfix

Про clearfix сложно написать в двух словах, но укажу момент, которые многие верстальщики, по моему мнению, делают ошибку.

Класс .clearfix надо указывать в родительском теге, а не ставить рядом.

«Таблица стилей не была загружена, потому что ее тип MIME» text / html «не является» text/css » [закрыто]

У меня есть приложение javascript, и когда я запускаю его в firefox, я получаю следующую ошибку на консоли:

» таблица стилей не была загружена, потому что его тип MIME, «text / html» не является «text / css».

изменить: Обратите внимание, что он говорит, что «таблица стилей ABCD. » Но ABCD на самом деле является HTML-файлом.

изменить (ответ): на самом деле я неправильно поставил href=»» , и, следовательно, html-файл был refenecing себя как CSS. У Mozilla была аналогичная ошибка после, и именно оттуда я получил ответ. Но ответы всех остальных тоже помогли мне. Спасибо.


7 ответов

в разделе head вашего html-документа:

ваш файл css должен быть только css и не содержать никакой разметки.

на самом деле я неправильно поставил href=»», и, следовательно, html-файл ссылался на себя как CSS. У Mozilla была аналогичная ошибка после, и я получил ответ от туда.

Это скорее всего проблема на стороне сервера. вы запрашиваете страницу таблицы стилей » стили / сайт.css «с сервера типа » text/css», но ваш сервер может отвечать на этот запрос с помощью «test / html». У меня была эта проблема, когда мой сервер работал в python, и он отвечал на запрошенные css-файлы с текстом заголовка/html (как у моего индекса.HTML-файл.) Я перестроил свой код сервера и назначил правильные заголовки соответствующим страницам, и моя проблема была решена.

вы пытаетесь использовать его как файл CSS, возможно, используя

Css — Ошибка: style.css не подгружается…её MIME-тип (text/html)

18887 просмотра

4 ответа

78 Репутация автора

При запуске приложения MERN на firefox, в консоли браузера появилась эта ошибка, а css не загружен: The stylesheet http://localhost:3000/src/css/component.css was not loaded because its MIME type, “text/html”, is not “text/css”

Я добавляю CSS index.html так:

Куда я иду не так?

Каковы другие способы добавить внешние CSS для разделов, кроме компонентов React?

Ответы (4)

плюса

78 Репутация автора

Я переместил папку CSS и JS для общего каталога и реферирован , component.css как

Это сработало для меня ..

Любой лучший способ ??

Автор: Shubham Размещён: 07.11.2020 07:39

12 плюса

24496 Репутация автора

Таблица стилей http: // localhost: 3000 / src / css / component.css не была загружена, поскольку ее тип MIME, «text / html», не является «text / css»

Причина ошибки в том,

вам разрешен доступ только к общедоступному каталогу, когда он отображается в браузере, поэтому

-> Сначала ../src/css/ таким образом вы не можете получить доступ к файлу, он будет рассматривать это как маршрут и попытаться дать вам HTML

-> Во-вторых, это неправильный способ включения CSS-файлов:

Правильный способ использования файла css выглядит следующим образом (из вашего js-файла реагирующего компонента):

( react-scripts start ) React автоматически конвертирует ваш CSS-файл в js и применяет его.

Тем не менее, если вы хотите использовать CSS-файлы вне реакции, вам нужно поместить все CSS-файлы в общую папку (хорошо поместить в public / css)

Если у вас все еще есть сомнения, пожалуйста, прочитайте:

Надеюсь, это очистит все ваши сомнения.

плюса

461 Репутация автора

Вы должны проверить, что файл существует на сервере. Я нашел причину, потому что нет файла (или отсутствует) при загрузке исходного кода на сервер. Поэтому, когда файл CSS не найден, сервер возвращает HTML MIME-тип

Автор: VnDevil Размещён: 25.07.2020 09:19

1 плюс

41 Репутация автора

Я использую MiniCssExtractPlugin, и я понял, что отсутствует » . ‘будет вызвано ниже вопроса.

15 ошибок или советов HTML и CSS

Ошибки и советы я написал по-своему опыту. Если найдутся ошибки типа «вредных советов», то буду рад услышать конструктивную критику. Пост предназначен для начинающих изучать HTML и CSS, но, возможно, специалистам тоже будет интересно ознакомиться с данным материалом.

1. W3C Validator

Рекомендуется проверять HTML и CSS сайта через сервис validator.w3.org. Данный сервис просканирует код и отобразит ошибки, например:

  • не закрыт тег;
  • не рекомендованные символы в ссылках;
  • используется не рекомендованный тег;
  • не указан обязательный атрибут;
  • и другое.

2. Вёрстка в формате UTF-8

При вёрстке страницы, надо убедиться, что кодировка файла установлена в UTF-8 (без BOM). Каждый текстовый редактор устанавливает кодировку по-своему.

Файл в формате UTF-8 позволяет использовать нестандартные символы (например, символы различных языков, знак валюты и другие).


Также надо сообщить браузерам, что страница открывается в кодировке UTF-8. Это делается через тег ниже:

3. Одинаковые id у нескольких элементов

Значение атрибута id в HTML-коде не должно повторяться.

4. Спрайты

Несколько маленьких картинок рекомендуется соединять в один файл (такой файл называется спрайт). Это уменьшит количество запросов на сайт и улучшит скорость загрузки страницы.

Сейчас также популярно вместо спрайтов использовать шрифты с иконками. Т.е. вместо букв выводятся иконки шестерёнки, смайлика и других иконок. В качестве примера можно привести иконки glyphicons, которые используются в Twitter Bootstrap.

Преимущества шрифтов к спрайтам, это сохранение качества при изменении размера иконок и меньший размер. Но недостаток, нельзя использовать больше одного цвета в иконке.

5. Много селекторов

Не рекомендуется использовать больше трёх селекторов, т.к. это влияет на производительность сайта.

Браузеры читают CSS справа налево. Т.е. в коде выше, сначала будут выбраны все ссылки, что есть на странице, а потом будут выбраны те ссылки, которые находятся внутри элемента .item.

Если есть возможность, то выборку рекомендуется сокращать до одного селектора:

6. Стили в HTML

HTML предназначен для вывода информации (текст, картинки). Оформления контента (изменить размер, цвет, шрифт) происходит в CSS.

7. Неправильное названия классов

Многие верстальщики, когда надо сделать текст зелёным цветом, прикрепляют к нему класс .green.

Это неправильно, т.к. при смене дизайна, многие цвета могут измениться, например, текст сообщения может выводиться синим цветом вместо зелёного. Тогда придётся искать все теги, у которых есть класс .green и заменять его на .blue.

Чтобы избегать подобных ситуаций, не рекомендуется применять классы для смены цвета, выравнивания текста, изменения регистра. Надо называть сами элементы (шапка, подвал, сообщение), и применять к нему свои стили.

8. Пиксели в дробных значениях

Некоторые браузеры позволяют указывать пиксели в дробных значениях, например «1.5px». Но это неправильно, т.к. пиксель это неделимая единица. Вместо «1.5px» лучше использовать «1.5em».

9. Использование классов вместо id

Рекомендуется делать выборку по классам вместо id, т.к. селекторы с id имеют больший вес, чем у классов, и их сложно будет переопределить.

Также не рекомендуется использовать !important, т.к. его вес выше, чем у атрибута id, и его также будет сложно переопределить.

10. Меню

Меню должно быть оформлено как список.

11. Пропущенный alt у картинок

В тегах надо указывать атрибут alt (можно пустой).

12. Теги

. В основном, в этом теге находится название страницы.

13. Транскрипция

Названия всех элементов надо писать в английском переводе. Даже если не известно, как слово пишется по-английски, есть много бесплатных сервисов, которые могут перевести. Когда встречаются названия элементов транскрипцией, это выгладит непрофессионально.

14. Clearfix

Про clearfix сложно написать в двух словах, но укажу момент, которые многие верстальщики, по моему мнению, делают ошибку.

Класс .clearfix надо указывать в родительском теге, а не ставить рядом.

«Таблица стилей не был загружен, поскольку его MIME-тип» Текст / HTML «не» текст / CSS»[закрыт]

December 2020

75.4k раз

У меня есть JavaScript Application и когда я запускаю его на светлячок я получаю следующее ERRO на консоли:

«Таблица стилей не был загружен, поскольку его MIME-тип„Текст / HTML“не„текст / CSS“.

EDIT: Обратите внимание, что он говорит, что «таблицы стилей ABCD . » Но ABCD на самом деле является HTML-файл.

Edit ( ОТВЕТ ): На самом деле я неправильно поставил href=»» , и , следовательно, HTML файл был refenecing себя как CSS. Mozilla была подобная ошибка раз , и именно оттуда я получил ответ. А еще ответы у всех слишком помогли мне. Благодарю.

7 ответы

Обзор любой .htaccess. Может быть, .htaccess, правило конфликтует с правом выхода. Попробуйте просмотреть свой CSS ресурс прямо в адресной строке, он должен быть представлен в текстовом формате.

В Ubuntu В файле конф: /etc/apache2/sites-enabled/your-file.conf

Это то, что сделал это для меня в .htaccess (это может быть, что у вас была директива делает все файлы загружались MIME тип текста / HTML):

На самом деле я неправильно поставил HREF = «», и , следовательно, HTML файла ссылается себя как CSS. Mozilla была Похожая ошибка один раз , и я получил ответ от там.

В головной части вашего документа HTML:

Файл CSS должен быть CSS только и не содержит какую-либо разметку.

Это, скорее всего, проблема на вашей стороне сервера. Вы запрашиваете страницу таблицы стилей «Стили / site.css» с сервера типа «текст / CSS», но ваш сервер может отвечать на этот запрос «тест / html». У меня была эта проблема, когда мой сервер был запущен в питона и отвечал на запрошенные файлы CSS с текстом заголовка / html (как и мой файл index.html). Я переоформлена мой код сервера и назначена правильные заголовки для своих соответствующих страниц и мой вопрос был решен.

Вы пытаетесь использовать его как файл CSS, вероятно, с помощью

Цукерберг рекомендует:  Ios - ANDROID VS IOS
Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих