ASP.NET MVC 4 Site.css не загружается

В Visual Studio 2012 я создал новый проект ASP.NET MVC 4 и ничего не редактировал. Когда я отлаживаю этот проект с помощью IIS Express в Google Chrome, сайт просто продолжает загружаться. Если я нажму F12 и просматриваю вкладку «Сеть», Site.css останется в статусе «Ожидание» и никогда не загрузится. Internet Explorer 9 показывает такое же поведение. Остальные файлы (HTML и Javascript) загружаются без проблем. Файлы веб-сайта находятся в моей локальной системе, и я дал «всем» полные права на папки.

Я пробовал несколько вещей, таких как создание новых проектов и перемещение папки за пределы моего профиля пользователя, но результат остался прежним. Если я закомментирую ссылку на файл Site.css, мой сайт сразу загрузится без проблем.

В журнале IIS Express даже не отображается запрос GET для файла Site.css.

#Software: Microsoft Internet Information Services 8.0
#Version: 1.0
#Date: 2013-06-18 08:59:13
#Fields: date time s-ip cs-method cs-uri-stem cs-uri-query s-port cs-username c-ip cs(User-Agent) cs(Referer) sc-status sc-substatus sc-win32-status time-taken
2013-06-18 08:59:13 ::1 GET / - 62073 - ::1 Mozilla/5.0+(Windows+NT+6.1;+WOW64)+AppleWebKit/537.36+(KHTML,+like+Gecko)+Chrome/27.0.1453.94+Safari/537.36 - 200 0 0 15154
2013-06-18 08:59:13 ::1 GET /Scripts/modernizr-2.6.2.js - 62073 - ::1 Mozilla/5.0+(Windows+NT+6.1;+WOW64)+AppleWebKit/537.36+(KHTML,+like+Gecko)+Chrome/27.0.1453.94+Safari/537.36 http://localhost:62073/ 200 0 0 42
2013-06-18 08:59:13 ::1 GET /Scripts/jquery-1.8.2.js - 62073 - ::1 Mozilla/5.0+(Windows+NT+6.1;+WOW64)+AppleWebKit/537.36+(KHTML,+like+Gecko)+Chrome/27.0.1453.94+Safari/537.36 http://localhost:62073/ 200 0 0 124

По запросу: вот источник HTML-страницы, предоставляемой IIS Express:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Home Page - My ASP.NET MVC Application</title>
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <link href="/Content/Site.css" rel="stylesheet"/>

    <script src="/Scripts/modernizr-2.6.2.js"></script>

</head>
<body>
    <header>
        <div class="content-wrapper">
            <div class="float-left">
                <p class="site-title"><a href="/">your logo here</a></p>
            </div>
            <div class="float-right">
                <section id="login">
                        <ul>
    <li><a href="/Account/Register" id="registerLink">Register</a></li>
    <li><a href="/Account/Login" id="loginLink">Log in</a></li>
</ul>

                </section>
                <nav>
                    <ul id="menu">
                        <li><a href="/">Home</a></li>
                        <li><a href="/Home/About">About</a></li>
                        <li><a href="/Home/Contact">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div id="body">

<section class="featured">
    <div class="content-wrapper">
        <hgroup class="title">
            <h1>Home Page.</h1>
            <h2>Modify this template to jump-start your ASP.NET MVC application.</h2>
        </hgroup>
        <p>
            To learn more about ASP.NET MVC visit
            <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.
            The page features <mark>videos, tutorials, and samples</mark> to help you get the most from ASP.NET MVC.
            If you have any questions about ASP.NET MVC visit
            <a href="http://forums.asp.net/1146.aspx/1?MVC" title="ASP.NET MVC Forum">our forums</a>.
        </p>
    </div>
</section>

        <section class="content-wrapper main-content clear-fix">

<h3>We suggest the following:</h3>
<ol class="round">
<li class="one">
    <h5>Getting Started</h5>
    ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that
    enables a clean separation of concerns and that gives you full control over markup
    for enjoyable, agile development. ASP.NET MVC includes many features that enable
    fast, TDD-friendly development for creating sophisticated applications that use
    the latest web standards.
    <a href="http://go.microsoft.com/fwlink/?LinkId=245151">Learn more…</a>
</li>

<li class="two">
    <h5>Add NuGet packages and jump-start your coding</h5>
    NuGet makes it easy to install and update free libraries and tools.
    <a href="http://go.microsoft.com/fwlink/?LinkId=245153">Learn more…</a>
</li>

<li class="three">
    <h5>Find Web Hosting</h5>
    You can easily find a web hosting company that offers the right mix of features
    and price for your applications.
    <a href="http://go.microsoft.com/fwlink/?LinkId=245157">Learn more…</a>
</li>
</ol>

        </section>
    </div>
    <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>&copy; 2013 - My ASP.NET MVC Application</p>
            </div>
        </div>
    </footer>

    <script src="/Scripts/jquery-1.8.2.js"></script>


</body>
</html>

person JJGAP    schedule 18.06.2013    source источник
comment
Покажите код, который отображает ссылки CSS и сам обработанный HTML. Возможно, у вас что-то не так с комплектацией.   -  person CodeCaster    schedule 18.06.2013
comment
Не могли бы вы опубликовать источник страницы с обработанной страницы? А вы пытались жестко закодировать ссылку на таблицу стилей в вашем _Layout.cshtml?   -  person Rob    schedule 18.06.2013
comment
Я добавил в вопрос источник страницы. Насколько я понимаю, он ничего особенного не показывает. Я пробовал жестко кодировать ссылку, но это не сработало. Я даже попытался открыть CSS через браузер, вставив ссылку в адресную строку, но это тоже не сработало. (Я пробовал это также с другими файлами css, такими как \ Content \ themes \ base \ jquery-ui.css)   -  person JJGAP    schedule 18.06.2013
comment
имейте в виду, что при развертывании большинство путей теряются. я рекомендую использовать виртуальный каталог или решение @JochemTheSchoolKid   -  person Vogel612    schedule 18.06.2013


Ответы (4)


Проблема вроде с кешированием. У меня было что-то подобное, и я добавил? __ v = 1234, и это сработало. Для этого контента я теперь использую что-то вроде:

String.Format("{0}?_v={1}", Url.Content("~/Content/foo.css"), DateTime.Now.Ticks)
person t3rse    schedule 15.08.2013
comment
Использование временной строки запроса в URL-адресе в целевом браузере может помочь принудительно повторно загрузить кэшированные файлы CSS и Javascript, особенно в некоторых версиях IE и некоторых мобильных браузерах, таких как iPad Safari. Я обнаружил, что это полезно при частом обновлении. - person jfrankcarr; 17.09.2013

пытаться:

<link href="~/Content/Site.css" rel="stylesheet" type="text/css">
person Altaf Sami    schedule 18.06.2013
comment
Пробовал, но результат тот же. Site.css продолжает оставаться в состоянии ожидания. - person JJGAP; 18.06.2013

ты используешь хром? попробуйте нажать ctrl + shift + del и удалить кеш.

person Pamingkas Sevada    schedule 23.01.2019

Я не уверен, что это имеет значение, я только начинающий студент, но я использую это:

<link href="@Url.Content("~/Content/style.css")" rel="stylesheet" type="text/css" />
person JochemQuery    schedule 18.06.2013
comment
Добавление типа тоже не помогло. Но я думаю, что проблема в IIS Express, поскольку он даже не предоставляет запрошенный файл CSS, как видно из журналов в моем вопросе. - person JJGAP; 18.06.2013