在 ASP.net MVC 中正确捆绑数据表

我已经为数据表运行了 nuget，并且正在尝试将它们捆绑在一起，以便它可以在我的所有视图中运行。但是，它似乎无法正常工作。数据表功能正在发生，但数据表格式化未发生。我认为我没有正确捆绑 CSS，但我不确定。这是我在 BundleConfig 中的捆绑包：

        bundles.Add(new ScriptBundle("~/bundles/datatables").Include(
            "~/Scripts/DataTables/jquery.dataTables.js",
            "~/Scripts/DataTables/jquery.dataTables.min.js",
            "~/Scripts/DataTables/dataTables.bootstrap.js"));

        bundles.Add(new StyleBundle("~/Content/datatables").Include(
                  "~/Content/DataTables/css/dataTables.bootstrap.css"));

然后_布局：

    @Scripts.Render("~/bundles/datatables")
    @Styles.Render("~/content/datatables")

这是我尝试使用它的视图：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script >
$(document).ready(function () {
    var table = $('#SchedulesTable').DataTable();
});
</script>

我究竟做错了什么？

我不相信当该目录实际存在时您可以使用“~/Content/datatables”作为 CSS 包。它看起来已经存在，因为您尝试包含的是：“~/Content/DataTables/css/dataTables.bootstrap.css”。 content/datatables 是一个真实存在的目录。将捆绑包命名为其他名称，应该没问题。