css - ASP.NET MVC 4 Site.css 不会加载

在 Visual Studio 2012 中，我创建了一个新的 ASP.NET MVC 4 元素，但我没有编辑任何内容。当我在 Google Chrome 中使用 IIS Express 调试这个元素时，网站一直在加载。如果我按 F12 并查看“网络”选项卡，Site.css 只会保持“待处理”状态并且永远不会加载。 Internet Explorer 9 显示相同的行为。其余文件(HTML en Javascript)似乎可以毫无问题地加载。网站文件在我的本地系统上，我已授予“每个人”对这些文件夹的全部权限。

我尝试了多种方法，例如创建新元素和将文件夹移出我的用户配置文件，但结果保持不变。如果我注释掉指向 Site.css 文件的链接，我的网站会立即加载，没有任何问题。

IIS Express 的日志甚至没有显示对 Site.css 文件的 GET 请求。

#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

根据要求:这是 IIS Express 提供的 HTML 页面的源代码:

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

最佳答案

问题似乎与缓存有关。我有类似的事情发生，我附加了一个 ?__v=1234 并且它起作用了。对于这个内容，我现在用类似的东西来服务它:

String.Format("{0}?_v={1}", Url.Content("~/Content/foo.css"), DateTime.Now.Ticks)

关于css - ASP.NET MVC 4 Site.css 不会加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17165287/

css - ASP.NET MVC 4 Site.css 不会加载

上一篇：css - 渐变IE8 +所需的最低CSS

下一篇：css - 在 html5 音频播放器时间轴上制作样式