捆绑不适用于angularJS

Question

我正在使用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")
               );

Answer 1

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

段：

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

虽然如果是这样，很难从截图中看出来。如果我的提示不起作用，请使用显示＆＃34;未捕获对象＆＃34;的另一个屏幕截图更新您的问题。展开（按下左侧的三角形）。

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