Таблица стилей не отображается из-за того, что ее тип MIME не поддерживается, хотя тип MIME при отладке отображается пустым - PullRequest
Новая
       14

Таблица стилей не отображается из-за того, что ее тип MIME не поддерживается, хотя тип MIME при отладке отображается пустым

2 голосов
/ 25 апреля 2019

При попытке применить стиль к определенной странице на веб-сайте (точно такой же стиль работает в другом месте на веб-сервере), я получаю следующую ошибку

Отказался от применения стиля из стиля.css ', поскольку его MIME-тип (' ') не является поддерживаемым MIME-типом таблицы стилей, и включена строгая проверка MIME.

Я попытался запустить файл локально, при этом импортируя его только в HTMLи это прекрасно работает.Я также попробовал это на том же веб-сервере на пустой странице, и опять же, он работает отлично.

Я также заменил файл из-за опасений, что это кодировка файла, и яВы удалили все комментарии из файла ( Согласно этому ответу ).

Все содержимое файла CSS выглядит следующим образом 

#Main_ctl01_lst {
    width: 320px;
}

#Main_ctl02_txt{
    height: 25px;
    width: 200px;
}

#Main_ctl03_txt {
    width: 250px;
}

.label #Main_ctl04_lbL:fter  { 
    content: "*";
    font-family: inherit;
    font-size: 9pt;
    color: red;
}

.label #Main_ctl05_lbl:after {
    content: "*";
    font-family: inherit;
    font-size: 9pt;
    color: red;
}

.label #Main_ctl06_lbl:after {
    content: "*";
    font-family: inherit;
    font-size: 9pt;
    color: red;
}

.label #Main_ctl07_lbl:after {
    content: "*";
    font-family: inherit;
    font-size: 9pt;
    color: red;
}

.label #Main_ctl08_lbl {
    font-size: 0;
}

.label #Main_ctl09_lbl:before {
    content: "Content";
    font-family: inherit;
    font-size: 9pt;
}

.label #Main_ctl010_lbl:after {
    content: "*";
    font-family: inherit;
    font-size: 9pt;
    color: red;
}

.label #Main_ctl110_lbl {
    font-size: 0;
}

.label #Main_ctl11_lbl:before {
    content: "Content";
    font-family: inherit;
    font-size: 9pt;
}

.label #Main_ctl13_lbl:after {
    content: "*";
    font-family: inherit;
    font-size: 9pt;
    color: red;
}

/* Line 3*/
.label #Main_ctl114_lbl {
    font-size: 0;
}

.label #Main_ctl115_lbl:before {
    content: "*";
    font-family: inherit;
    font-size: 9pt;
}


/* Line 4*/
.label #Main_ctl16_lbl {
    font-size: 0;
}

.label #Main_ctl17_lbl:before {
    content: "Content";
    font-family: inherit;
    font-size: 9pt;
}


.label #Main_ctl118_lbl {
    display: none;
}

.input #Main_ctl19_dp {
    display: none;
}

.input1 {
    visibility: hidden;
}

.input2 {
    display: none;

}

.label {
    display: none;
}

body {
    background-image: url(https://example.com/image.png); 
    background-color: rgb(255,0,0); 
    background-color: #FF0000; 
}

и код заголовкавеб-страницы 

<head>
    <script src="/Content/jquery-1.9.1.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/Content/jquery-ui-1.8.14.custom.css">
    <script src="/Content/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
    <script src="/Content/Test.Scripts.js" type="text/javascript"></script>
    <script src="/Content/Reflection.js" type="text/javascript"></script>
    <script src="/Content/CollapsibleCheckBoxList.js" type="text/javascript"></script>
    <script src="/Content/Scripts.jQuery.Extensions.js" type="text/javascript"></script>
    <title>Test</title>
    <link rel="shortcut icon" media="all" type="image/x-icon" href="/Content/favicon.ico">
    <script type="text/javascript" src="/content/jquery.autotab-1.1b.js"></script>
    <script type="text/javascript" src="/content/jquery.calculation.min.js"></script>
    <script type="text/javascript" src="/content/jquery.format.1.05.js"></script>
    <script type="text/javascript" src="/App_Templates/FrontEnd.Test/TestScript.js"></script>
    <link href="/App_Templates/Common/_Reset.css" type="text/css" rel="stylesheet">
    <link href="../App_Templates/FrontEnd.Test/Standard.css" type="text/css" rel="stylesheet">
    <link href="../App_Templates/FrontEnd.Test/Template.css" type="text/css" rel="stylesheet">
    <link href="/App_Templates/Common/Menus.css" type="text/css" rel="stylesheet">
    <!--[if lte IE 8]>
        <link href="../App_Templates/Common/IE8.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    <link href="/WebResource.axd?d{{removed}}" type="text/css" rel="stylesheet"><link type="text/css" href="/s3?Styles.CssFile/{{culprit_file}}.css&{{removed}}" rel="stylesheet">
</head>

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

На самом деле, ничего в файле не загружается из-за проблемы типа MIME.

...