gpt4 book ai didi

javascript - BundleConfig 脚本不起作用

转载 作者:行者123 更新时间:2023-11-28 00:59:44 25 4
gpt4 key购买 nike

我正在我的 ASP MVC 4 站点上使用以下 BundleCollection 项(第一次使用 MVC 4)。我正在尝试加载 jQuery 和 Backbone.js,但根据 Chrome 的控制台,它工作正常。

下面是我现在使用的 .js 文件。当我第一次加载页面时,出现以下错误

enter image description here

如果我注释掉该行,那么我会在下一行收到此错误

enter image description here

这似乎告诉我,即使我没有收到任何错误,Backbone 和 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"));
}
}

布局.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>

Index.cshtml

    <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"/>

编辑

这是呈现的 HTML。立即注意到 Backbone 丢失了。

<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>

当我再次检查控制台时,似乎我错了,有两个关于 Backbone 和 Underscore 的错误

enter image description here

最佳答案

如果任何其他包包含 jquery(定义两次),则可能会看到这样的错误。首先一次加载一个包,然后查看页面源代码以验证是否已包含该包中的文件。对每个包重复此操作,直到加载一个包含丢失文件的包。

关于javascript - BundleConfig 脚本不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25774993/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com