在 asp.net 中捆绑后脚本无法正确呈现

Question

因此，我在其中一个视图上调用了一些外部脚本。我搜索了 URL，将每个函数复制并粘贴到本地新的 js 脚本中。然后我将我的脚本文件捆绑在捆绑配置中。这些功能正在渲染查找并正确显示。但现在捆绑后尝试使用@Script.Render。显示器有点乱。

之前

之后

我已经检查了拼写并且路径是正确的，那么为什么 @Script.render 不起作用，而以前基本上相同的脚本可以工作。 jQuery 在捆绑或其他东西时是否倾向于不起作用？

如果您有其他问题或需要查看代码，请告诉我..

脚本：

 <script src="~/Scripts/tools/jquerydatatables.js"> </script>
 <script src="~/Scripts/tools/responsivebootstrap.js"></script>


 <script src="~/Scripts/tools/bootstrapdatatable.js"></script>

  <script src="~/Scripts/tools/responsivedatatable.js"></script>
<script src="~/Scripts/tools/cloudpopper.js"></script>
<script src="~/Scripts/tools/twitter.js"></script>

捆绑：

 bundles.Add(new ScriptBundle("~/bundles/scripts/desktop")
            .Include(

            "~/Scripts/tools/bootstrapdatatable.js",
            "~/Scripts/tools/cloudpopper.js",
            "~/Scripts/tools/jquerydatatables.js",
            "~/Scripts/tools/responsivebootstrap.js",
            "~/Scripts/tools/responsivedatatable.js",
            "~/Scripts/tools/twitter.js"


            ));

css工作表链接到：<link href="//cdn.datatables.net/1.10.18/css/dataTables.bootstrap4.min.css" rel="stylesheet" />

但是我的 css 表没有与 java 脚本捆绑在一起，但这应该不是问题吧？

这是我使用时弄乱显示的代码：@section Scripts{ @Scripts.Render("~/bundles/scripts/desktop")

Answer 1

据我所知，您有一个 CSS 问题： 如果要捆绑 css，则需要使用 Styles.Render("~/css/myVirtualPath")。 在捆绑配置类中，您可以这样输入：

 bundles.Add(new StyleBundle("~/css/myVirtualPath").Include("~/Styles/myStyle.css"))