Uncaught SyntaxError: Unexpected token < ERROR during bundle creation in IIS

Question

它在我的本地机器上运行很顺利，当我将它托管到 IIS 服务器时，现在设计完全被破坏了。搜索后，我的包配置发生了如下变化

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

        bundles.Add(new ScriptBundle("~/Scripts/ui-js/uiPPScript").Include(
                                     "~/Scripts/ui-js/jquery.min.1.11.1.js"
                                     , "~/Scripts/ui-js/bootstrap.min.js"
                                     , "~/Scripts/ui-js/bootstrap-slider.js"
                                     , "~/Scripts/ui-js/bootstrap-lightbox.js"
                                     , "~/Scripts/ui-js/common-script.js"
                                     , "~/Scripts/ui-js/html5.js"
                                     , "~/Scripts/ui-js/jquery.colorbox.js"
                                     , "~/Scripts/ui-js/respond.src.js"
                                     , "~/Scripts/ui-js/angular.min.js"
                                     , "~/Scripts/ui-js/bootstrap.js"
                                     ,"~/Scripts/ui-js/jRate.min.js"
                                     , "~/Scripts/ui-js/jcrop.min.js"
                                     ));

        bundles.Add(new StyleBundle("~/Content/ui-css/uiPPStyle").Include(
                                    "~/Content/ui-css/bootstrap-slider.css"
                                    , "~/Content/ui-css/bootstrap-theme.min.css"
                                    , "~/Content/ui-css/colorbox.css"
                                    , "~/Content/ui-css/icomoon.css"
                                    , "~/Content/ui-css/pp-ie7.css"
                                    , "~/Content/ui-css/bootstrap.min.css"
                                    , "~/Content/ui-css/bootstrap-lightbox.css"
                                    , "~/Content/ui-css/pp-v8.css"
                                    , "~//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"
                                    ));

        bundles.Add(new ScriptBundle("~/Scripts/ppscripts").Include(
                         "~/Scripts/ppscripts/LocateSupplierMap.js",
                         "~/Scripts/ppscripts/PPCommon.js"
                         ));

在我的布局页面中我使用了

@Styles.Render("~/Content/ui-css/uiPPStyle/")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/Scripts/ui-js/uiPPScript/")
@Scripts.Render("~/Scripts/ppscripts")

但是这个仍然没有正确设计的渲染。当我检查我的浏览器控制台时，我可以看到

我该如何解决这个问题？它的使用方法正确吗？

Answer 1

我的问题在 App_Start 的 BundleConfig.cs 文件中。我的 BindleConfig.cs 文件之前看起来像下面的

bundles.Add(new ScriptBundle("~/Scripts/ui-js").Include(
                                 "~/Scripts/ui-js/jquery.min.1.11.1.js"
                                 , "~/Scripts/ui-js/bootstrap.min.js"
                                 , "~/Scripts/ui-js/bootstrap-slider.js"
                                 , "~/Scripts/ui-js/bootstrap-lightbox.js"
                                 , "~/Scripts/ui-js/common-script.js"
                                 , "~/Scripts/ui-js/html5.js"
                                 , "~/Scripts/ui-js/jquery.colorbox.js"
                                 , "~/Scripts/ui-js/respond.src.js"
                                 , "~/Scripts/ui-js/angular.min.js"
                                 , "~/Scripts/ui-js/bootstrap.js"
                                 ,"~/Scripts/ui-js/jRate.min.js"
                                 , "~/Scripts/ui-js/jcrop.min.js"
                                 ));

我的布局页面有

@Scripts.Render("~/Scripts/ui-js")

谷歌搜索后我找到了解决方案，因为您不能对新的 ScriptBundle() 虚拟路径使用相同的文件夹结构。

所以我把上面改成了这个

 bundles.Add(new ScriptBundle("~/Scripts/ppScript").Include(
                                 "~/Scripts/ui-js/jquery.min.1.11.1.js"
                                 , "~/Scripts/ui-js/bootstrap.min.js"
                                 , "~/Scripts/ui-js/bootstrap-slider.js"
                                 , "~/Scripts/ui-js/bootstrap-lightbox.js"
                                 , "~/Scripts/ui-js/common-script.js"
                                 , "~/Scripts/ui-js/html5.js"
                                 , "~/Scripts/ui-js/jquery.colorbox.js"
                                 , "~/Scripts/ui-js/respond.src.js"
                                 , "~/Scripts/ui-js/angular.min.js"
                                 , "~/Scripts/ui-js/bootstrap.js"
                                 ,"~/Scripts/ui-js/jRate.min.js"
                                 , "~/Scripts/ui-js/jcrop.min.js"
                                 ));

在我的布局页面中，我将其命名为

@Scripts.Render("~/Scripts/uiScript")

注意：您也需要对 CSS 和 modernizr 捆绑包执行相同的操作 :) 希望它对某人有所帮助。

Uncaught SyntaxError: Unexpected token < ERROR during bundle creation in IIS

Uncaught SyntaxError: Unexpected token < ERROR during bundle creation in IIS

model-view-controller

bundle