jquery - 为什么捆绑包在我的 asp.net mvc 项目中不起作用?
问题描述
我创建了一组 js 文件(“bundles/js”),其中包含了页面所需的所有 js 文件。
@Scripts.Render("/bundles/js")
并在渲染后为上面的行抛出错误:
加载资源失败:服务器响应状态为 404(未找到)
渲染后看起来像
<script scr="/bundles/js">
但页面上没有任何效果。
我已经评论了对所有 js 文件的引用并放置了渲染,但它不起作用。
我在项目中包含优化 dll,在 web.config 中还添加了 bundlesConfig 类
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new ScriptBundle("~/bundles/js").Include("~/Content/js/jquery.min.js",
"~/Content/js/bootstrap.min.js",
"~/Content/js/owl.carousel.js",
"~/Content/js/jquery.ajaxchimp.js",
"~/Content/js/smooth-scroll.js",
"~/Content/js/jquery.magnific-popup.min.js",
"~/Content/js/waypoints.min.js",
"~/Content/js/jquery.counterup.js",
"~/Content/js/menumaker.js",
"~/Content/js/jquery.appear.js",
"~/Content/js/jquery.countdown.js",
"~/Content/js/price-slider.js",
"~/Content/js/bootstrap-datepicker.js",
"~/Content/js/jquery.elevatezoom.js",
"~/Content/js/theme.js",
"~/Scripts/jquery.validate.min.js",
"~/Scripts/jquery.validate.unobtrusive.min.js",
"~/Scripts/DataTables/jquery.dataTables.min.js",
"~/Content/sweetalert/sweetalert.min.js",
"~/Scripts/DataTables/dataTables.buttons.min.js",
"~/Scripts/DataTables/buttons.flash.min.js",
"~/Scripts/DataTables/pdfmake.min.js",
"~/Scripts/DataTables/vfs_fonts.js",
"~/Scripts/DataTables/buttons.html5.min.js",
"~/Scripts/DataTables/buttons.print.min.js",
"~/Content/js/blockUI.js"));
}
}
然后在 application_start 中注册
protected void Application_Start()
{
AreaRegistration.RegisterAllAreas();
RouteConfig.RegisterRoutes(RouteTable.Routes);
BundleConfig.RegisterBundles(BundleTable.Bundles);
}
以前的文件序列是:
<script src="~/Content/js/bootstrap.min.js"></script>
<script src="~/Content/js/owl.carousel.js"></script>
<script src="~/Content/js/jquery.ajaxchimp.js"></script>
<script src="~/Content/js/smooth-scroll.js"></script>
<script src="~/Content/js/jquery.magnific-popup.min.js"></script>
<script src="~/Content/js/waypoints.min.js"></script>
<script src="~/Content/js/jquery.counterup.js"></script>
<script src="~/Content/js/menumaker.js"></script>
<script src="~/Content/js/jquery.appear.js"></script>
<script src="~/Content/js/jquery.countdown.js"></script>
<script src="~/Content/js/price-slider.js"></script>
<script src="~/Content/js/bootstrap-datepicker.js"></script>
<script src="~/Content/js/jquery.elevatezoom.js"></script>
<script src="~/Content/js/theme.js"></script>
<script src='@Url.Content("~/Scripts/jquery.validate.min.js")' type='text/javascript'></script>
<script src='@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")' type='text/javascript'></script>
<script src="~/Scripts/DataTables/jquery.dataTables.min.js"></script>
<script src="~/Content/sweetalert/sweetalert.min.js"></script>
<script src="~/Scripts/DataTables/dataTables.buttons.min.js"></script>
<script src="~/Scripts/DataTables/buttons.flash.min.js"></script>
<script src="~/Scripts/DataTables/pdfmake.min.js"></script>
<script src="~/Scripts/DataTables/vfs_fonts.js"></script>
<script src="~/Scripts/DataTables/buttons.html5.min.js"></script>
<script src="~/Scripts/DataTables/buttons.print.min.js"></script>
<script src="~/Content/js/blockUI.js"></script>
解决方案
//Add into web config
<system.web>
<compilation debug="false" />
</system.web>
public static void RegisterBundles(BundleCollection bundles)
{
//Enable bundling
BundleTable.EnableOptimizations = true;
}
推荐阅读
- html - 使用 XPath 选择 img 元素
- javascript - 如何将 3 个数组合并为一个具有相同索引的数组 - JavaScript
- python - 为什么我在 Edge 上获得的 ResourceWarning 比在 Chrome 上更多?
- ansible - Ansible - 如何在复制到远程之前在 localhost 中压缩文件
- javascript - Flickity - 如何删除最后一个单元格?
- c++ - 具有抽象父级的模板类的c ++通用lambda
- c++ - 如果内存池比 malloc 快,为什么 malloc 不在幕后使用它们?
- css - CSS 叠加、淡入淡出和过渡
- c# - 如何在asp.net mvc中将字段从数据库添加到DropDowList
- node.js - Nest JS 构建不生成 dist 文件夹