Отказался от применения стиля, потому что его MIME-тип ('application / json') не поддерживается
Я хочу использовать библиотеку fullcalendar, используя gulp и yarn, это сгенерированный тег ссылки:
Но в консоли появляется такая ошибка:
Refused to apply style from 'http://localhost/bower_components/fullcalendar/dist/fullcalendar.css' because its MIME type ('application/json') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
Почему я получаю это и как я могу это решить?
Какой веб-сервер вы используете?
@MustacheMoses Я использую tomcat с весенней загрузкой
Вы нашли решение этой проблемы?
Ответы 4
Ваше приложение каким-то образом обслуживает fullcalendar.css с типом MIME неправильный ('application / json'). Итак, мой совет - копать проблему, доверяя сообщению об ошибке.
В моем случае я впервые пробовал Тимелист и Веб-банки с пружинной загрузкой и вслепую следуя некоторому руководству, я добавил это:
@Configuration
public class WebConfigurer extends WebMvcConfigurerAdapter {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/webjars/**").addResourceLocations("/webjars/");
}
}
Кроме того, мои стили были определены в html, как показано ниже:
<link rel = "stylesheet" type = "text/css" th:href = "@{/webjars/bootstrap/css/bootstrap.min.css}" />
<link rel = "stylesheet" type = "text/css" th:href = "@{/css/main.css}" />
Таким образом, "bootstrap.min.css" и другие получили ту же ошибку: «Отказался от применения стиля, потому что его MIME-тип ('application / json') не поддерживается».
Я до сих пор не объяснил причины такого поведения, но как только я понял, что у spring -boot есть автоматическая конфигурация для WebJars, я удалил эту регистрацию, и все стало хорошо работать.
Примечание: Есть несколько похожих треков с «типом MIME ('text / html')», и причина обычно в том, что фильтры безопасности не разрешают файлы css и перенаправляют на html-страницу входа. Так что имейте это в виду и проверьте, есть ли у вас какой-то фильтр / перенаправление для этого запроса.
В моем случае я обнаружил опечатку в имени файла css. Таким образом, я пытался импортировать несуществующий файл.
Если вы используете Spring Boot, вам даже не придется переопределять addResourceHandlers(), просто убедитесь, что вы используете th:href и укажете ему правильный каталог.
Непосредственно введите URL-адрес в браузере и посмотрите, сможете ли вы до него добраться.
В вашем случае укажите этот URL-адрес в браузере http: //localhost/bower_components/fullcalendar/dist/fullcalendar.css
Если вы не можете до него добраться, значит, у вас неправильный URL-адрес в вашем коде.
В моем случае у меня был файл css в каталоге с именем css, но в коде, который я написал / plugins / css, я получал ту же ошибку.
Также не забудьте указать type = "text / css"
Итак, мой пример кода ниже:
<head>
<link rel = "stylesheet" type = "text/css" th:href = "@{/css/app.css}">
</head>
Вероятно, ваш сервер неправильно настроен для обслуживания файлов с расширением .css как
application/jsonвместоtext/css.