捆绑脚本无法正确呈现

Question

我开始接触 ASP.NET MVC，但遇到了捆绑问题。

这是我的BundleConfig.cs

的内容

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
    "~/bower_components/jquery/dist/jquery.js"
));

bundles.Add(new ScriptBundle("~/bundles/jquery-ui").Include(
    "~/bower_components/jquery-ui/ui/core.js",
    "~/bower_components/jquery-ui/ui/widget.js",
    "~/bower_components/jquery-ui/ui/position.js",
    "~/bower_components/jquery-ui/ui/menu.js",
    "~/bower_components/jquery-ui/ui/autocomplete.js"
));

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

bundles.Add(new StyleBundle("~/Content/css").Include(
    "~/bower_components/bootstrap/dist/css/bootstrap.css",
    "~/Content/PagesList.css",
    "~/Content/Site.css",
    "~/bower_components/font-awesome/css/font-awesome.css"
));

这是我的 _Layout html 中我想要渲染脚本的区域，css 在头部。

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/jquery", "~/bundles/jquery-ui")
@Scripts.Render("~/bundles/modernizr")

据我所知，我只需要使用与我在捆绑包中指定的相同的相对路径来让它输出 script/link 标签的完整列表或捆绑版本。取而代之的是，我得到了以下结果，但末尾没有我期望的任何版本控制字符串。

<link href="/Content/css" rel="stylesheet"/>
<script src="/bundles/jquery"></script>
<script src="/bundles/jquery-ui"></script>
<script src="/bundles/modernizr"></script>

无论我将 BundleTable.EnableOptimizations 设置为 true 还是 false，都会发生这种情况。

Answer 1

我正在学习使用 Bower 和捆绑的教程 here, as well as the tutorial from microsoft, here。两个教程中都没有解释的是 class 必须在 Global.asax.cs 文件的 Application_Start 中使用以下内容调用：

BundleConfig.RegisterBundles(BundleTable.Bundles);

此外，我在配置中将 modernizr 拼错为 mondernizr。

捆绑脚本无法正确呈现

Bundled scripts not rendering properly

asp.net

bundling-and-minification