StyleBundle被呈现为ScriptBundle

7

我的CSSStyleBundle被渲染在一个<script>标签中,而不是一个<link>标签中。

这让我很困惑。我一直在寻找我的拼写错误,但一切看起来都很好。

这是我的BundleConfig.cs文件:

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                "~/Scripts/jquery-{version}.js"));

    bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
    "~/Scripts/jquery-ui-{version}.js"));

    bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                "~/Scripts/jquery.validate*"));

    bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                "~/Scripts/modernizr-*"));

    bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
              "~/Scripts/bootstrap.js",
              "~/Scripts/respond.js"));

    bundles.Add(new StyleBundle("~/Content/css").Include(
              "~/Content/bootstrap.css",
              "~/Content/site.css"));


    bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
              "~/Content/themes/base/all.css"));

    BundleTable.EnableOptimizations = false;
}

这是我的_Layout.cshtml文件中的头部信息:

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/Content/themes/base/css")
    @RenderSection("head", required: false)
</head>

这是HTML的呈现方式:
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home Page - My ASP.NET Application</title>
    <link href="/Content/bootstrap.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>

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

    <script src="/Content/themes/base/all.css"></script>


</head>

布局有点不对,看上去好像有什么问题,但我又看不清。为什么它在 <link> 标签中没有渲染CSS文件?
1个回答

11
在您的布局中,这一行是:
@Scripts.Render("~/Content/themes/base/css")

应该是:

@Styles.Render("~/Content/themes/base/css")

哦,太明显了,我看了这么多次都没看到。谢谢啊。 - Guerrilla

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接