html-страница отказалась применять стиль bootstrap.min.css - PullRequest
Новая
       10

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

1 голос
/ 22 июня 2019

Я делаю проект на Java с использованием Spring Boot в intellij idea под управлением Maven и У меня иногда возникает проблема с подключением bootstrap.min.css на HTML странице .

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

Я подключаю bootstrap.min.css так же, как на этой странице https://getbootstrap.com/docs/4.3/getting-started/introduction/

<!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

Ответы [ 3 ]

0 голосов
/ 22 июня 2019

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

  • с заменой этого кода 
<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);
    }
}
  • Если есть пружинная защита, убедитесь, что есть доступ к ресурсам.
0 голосов
/ 22 июня 2019

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

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

type = "text / css" media = "all" 

<link rel="stylesheet" href="/static/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" type="text/css" media="all">
0 голосов
/ 22 июня 2019

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...