捆绑不适用于 angularJS答案

【问题标题】：Bundling not working for angularJS捆绑不适用于 angularJS
【发布时间】：2014-07-07 18:01:55
【问题描述】：

我正在开发 ASP.NET Web 窗体应用程序。我在应用程序中添加了一些角度控制器和其他角度功能。现在我需要应用 JS 和 CSS 文件的缩小，我正在尝试通过System.Web.Optimization dll 在内置捆绑提供程序中使用。在 angular.js 和我的角度代码文件上应用捆绑时出现错误。我不明白是什么导致了错误。

collection.Add(new ScriptBundle("~/bundles/startupbundle")
                .Include("~/Scripts/jquery-2.1.0.js")
                .Include("~/Scripts/jquery-ui-1.10.4.min.js")
                .Include("~/Scripts/jquery-migrate-1.2.1.min.js")
                .Include("~/Scripts/bootstrap.min.js")
                .Include("~/Scripts/modernizr-2.7.2.js")
                .Include("~/Scripts/jquery.blockUI.min.js")
                .Include("~/Scripts/select2.mi![enter image description here][1]n.js")
                .Include("~/Scripts/jquery.nicescroll.js")
                .Include("~/Scripts/jquery.smartWizard.js")
                .Include("~/Scripts/scripts.js")
                .Include("~/Scripts/kendo.all.min.js")
                .Include("~/Scripts/toastr.min.js")

                .Include("~/Scripts/underscore-min.js")

                .Include("~/Scripts/bootstrap.min.js")

                .Include("~/WebApp/AppScripts/master-page.js")
                .Include("~/WebApp/AppScripts/Dasboard.js")
                .Include("~/Scripts/angular.min.js")
               );

【问题讨论】：

标签： javascript asp.net angularjs optimization system.web.optimization

【解决方案1】：

您似乎在之前包含了自定义脚本，包括 Angular。您需要先包含 Angular，否则会出现运行时错误。

片段：

 ... // everything above this as before
 .Include("~/Scripts/angular.min.js")
 .Include("~/WebApp/AppScripts/master-page.js")
 .Include("~/WebApp/AppScripts/Dasboard.js")
);

虽然很难从您的屏幕截图中判断是否是这种情况。如果我的提示不起作用，请使用另一个屏幕截图更新您的问题，该屏幕截图显示“未捕获的对象”已展开（按左侧的三角形）。

作为旁注，您应该在页面顶部包含 Modernizr，因此它不应包含在此捆绑包中。

【讨论】：