Html-страница отказалась применять стиль bootstrap.min.css

Я делаю проект в Джава, используя Весенний ботинок в интеллектуальная идея под управлением Мавен и иногда возникают проблемы с подключениемbootstrap.min.cssнаHTMLстраница.

В моем случае эта проблема возникает спонтанно, и я не смог определить ее причину. Даже сейчас У меня есть несколько абсолютно одинаковых проектов, и в некоторых из них эта проблема есть, а в других она исчезла.

Подключаю bootstrap.min.css так же как на этой странице https://getbootstrap.com/docs/4.3/начало работы/введение/

<!DOCTYPE html>
<html lang = "en">
<head>
    <!-- Required meta tags -->
    <meta charset = "utf-8">
    <meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv = "x-ua-compatible" content = "ie=edge">

    <title>LoginPage2</title>

    <!-- Bootstrap CSS -->
    <link rel = "stylesheet" href = "/static/css/bootstrap.min.css"
          integrity = "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin = "anonymous">

когда захожу на страницу в браузере, в консоли высвечивается сообщение об ошибке:

Refused to apply style from 'http://localhost:8081/static/css/bootstrap.min.css' because its MIME type ('application/json') is not a supported stylesheet MIME type, and strict MIME checking is enabled

Вы скачали bootstrap.min.css ?

— 22.06.2019 14:28

Да скачал и проблема не в этом, то я дал ответ с решением этой проблемы, потому что я потратил много времени, чтобы исправить это.

— 22.06.2019 14:56

java html css spring-boot bootstrap-4

22.06.2019 14:24

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Как вычислять биты и понимать побитовые операторы в Java - объяснение с примерами

В компьютерном программировании биты играют важнейшую роль в представлении и манипулировании данными на двоичном уровне. Побитовые операции...

Поднятие тревоги для долго выполняющихся методов в Spring Boot

Приходилось ли вам сталкиваться с требованиями, в которых вас могли попросить поднять тревогу или выдать ошибку, когда метод Java занимает больше...

Принятие принципов SOLID в Spring Boot: Создание обслуживаемых и масштабируемых приложений

Коллекции (ArrayList , HashSet , HashMap)

Полный курс Java для разработчиков веб-сайтов и приложений

Получите сертификат Java Web и Application Developer, используя наш курс.

905

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

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

22.06.2019 14:43

Ответ принят как подходящий

в моем случае мне помогло:

замена этого кода

<link rel = "stylesheet" href = "/static/css/bootstrap.min.css"integrity = "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin = "anonymous">

с этим

<link rel = "stylesheet" href = "/static/css/bootstrap.css">

удалить все комментарии из файловbootstrap.min.cssа такжеbootstrap.css
на всякий случай явно прописать путь к ресурсам в проекте с весенней загрузкой, например:

@Configuration
public class StaticResourceConfig implements WebMvcConfigurer {
    private static final String[] CLASS_PATH = {"classpath:/"};

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/**").addResourceLocations(CLASS_PATH);
    }
}

Если стоит spring security, то убедитесь, что есть разрешение на ресурсы.

22.06.2019 14:45

Вы можете попробовать это.

Добавьте в свой тег ссылки еще два атрибута

тип = "текст/css" медиа = "все"

<link rel = "stylesheet" href = "/static/css/bootstrap.min.css"
          integrity = "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin = "anonymous" type = "text/css" media = "all">

Это исключение поддержки типа MIME.

— 22.06.2019 19:21

22.06.2019 19:20