Javascript BundleConfig脚本不工作_Javascript_Jquery_Asp.net Mvc 4_Backbone.js

Javascript BundleConfig脚本不工作

javascript jquery asp.net-mvc-4 backbone.js

Javascript BundleConfig脚本不工作,javascript,jquery,asp.net-mvc-4,backbone.js,Javascript,Jquery,Asp.net Mvc 4,Backbone.js,我在我的ASP MVC 4站点上使用了以下BundleCollection项（第一次使用MVC 4）。我正在尝试加载jQuery和Backbone.js，但根据Chrome的控制台，这可以正常工作下面是我正在使用的.js文件。当我第一次加载页面时，我得到以下错误如果我注释掉那一行，那么我在下一行得到这个错误这似乎告诉我，即使我没有收到任何错误，主干和jQuery也没有正确加载（尽管我可能是错的） BundleConfig public class BundleConfig {

我在我的ASP MVC 4站点上使用了以下

BundleCollection

项（第一次使用MVC 4）。我正在尝试加载jQuery和Backbone.js，但根据Chrome的控制台，这可以正常工作

下面是我正在使用的.js文件。当我第一次加载页面时，我得到以下错误

如果我注释掉那一行，那么我在下一行得到这个错误

这似乎告诉我，即使我没有收到任何错误，主干和jQuery也没有正确加载（尽管我可能是错的）

BundleConfig

public class BundleConfig
{
    // For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/BackboneApps").Include(
                    "~/Scripts/SliderApp.js"));

        bundles.Add(new ScriptBundle("~/bundles/jsMVC").Include(
                    "~/Scripts/underscore.js",
                    "~/Scripts/backbone.js"));

        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.unobtrusive*",
                    "~/Scripts/jquery.validate*"));

        // Use the development version of Modernizr to develop with and learn from. Then, when you're
        // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

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

        bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                    "~/Content/themes/base/jquery.ui.core.css",
                    "~/Content/themes/base/jquery.ui.resizable.css",
                    "~/Content/themes/base/jquery.ui.selectable.css",
                    "~/Content/themes/base/jquery.ui.accordion.css",
                    "~/Content/themes/base/jquery.ui.autocomplete.css",
                    "~/Content/themes/base/jquery.ui.button.css",
                    "~/Content/themes/base/jquery.ui.dialog.css",
                    "~/Content/themes/base/jquery.ui.slider.css",
                    "~/Content/themes/base/jquery.ui.tabs.css",
                    "~/Content/themes/base/jquery.ui.datepicker.css",
                    "~/Content/themes/base/jquery.ui.progressbar.css",
                    "~/Content/themes/base/jquery.ui.theme.css"));
    }
}

Layout.cshtml

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jsMVC")
    @Scripts.Render("~/bundles/jqueryui")
    @Scripts.Render("~/bundles/BackboneApps")
</head>

    <h3>SPX Allocation: <span id="SpxAllocPercentage"></span></h3>
        <!-- "slider" is a jquery slider -->
    <div id="slider"></div>

    <!-- "sliderVal" displays the slider's position. It receives the value via model. -->
    <input type="text" id="sliderVal" value="0"/>


@视图包。标题
@style.Render（“~/Content/css”）
@Scripts.Render（“~/bundles/jquery”）
@Scripts.Render（“~/bundles/jsMVC”）
@Scripts.Render（“~/bundles/jqueryui”）
@Scripts.Render（“~/bundles/BackboneApps”）

Index.cshtml

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jsMVC")
    @Scripts.Render("~/bundles/jqueryui")
    @Scripts.Render("~/bundles/BackboneApps")
</head>

    <h3>SPX Allocation: <span id="SpxAllocPercentage"></span></h3>
        <!-- "slider" is a jquery slider -->
    <div id="slider"></div>

    <!-- "sliderVal" displays the slider's position. It receives the value via model. -->
    <input type="text" id="sliderVal" value="0"/>

SPX分配：

编辑

下面是呈现的HTML。立即发现主干丢失

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title></title>
    <link href="/Content/site.css" rel="stylesheet"/>

    <script src="/Scripts/jquery-1.8.2.js"></script>


    <script src="/Scripts/jquery-ui-1.8.24.js"></script>

    <script src="/Scripts/SliderApp.js"></script>

</head>

当我再次检查控制台时，似乎我错了，关于主干和下划线有两个错误

如果任何其他捆绑包包含jquery（定义了两次），则可能会看到类似这样的错误。从一次加载一个包开始，查看页面源代码，以验证包中的文件是否已包含在内。对每个文件重复此操作，直到有一个包加载了丢失的文件。

请小心绑定，以确保每个文件都以

终止，可能是换行符。我过去遇到过一些问题，这些文件只是连接在一起。如果一个命令的末尾与另一个命令的开始相遇，您将得到类似这样的奇怪错误。我也会考虑jsLink您的文件，看看是否还有其他JavaScript。errors@RoryMcCrossan我刚刚注意到呈现的HTML中缺少主干线/下划线。更新了帖子。您是否尝试过将jquery捆绑包放在第一位？如果删除捆绑包/jsMVC
并手动包含2个.js
文件，会发生什么情况？