Visual Studio 上的 DevExtreme JSZIP 错误

Question

我在为 DevExtreme 使用 Jszip 时遇到问题。

我的DataGrid如下：

Html.DevExtreme().DataGrid()
                            .ID("testgrid")
                            .FilterRow(filter => {
                                filter.ApplyFilter(GridApplyFilterMode.Auto);
                                filter.Visible(true);
                            })
                            .Columns(columns =>{
                                //column definition
                            })
                            .OnCellPrepared("OnCellPrepared")
                            .OnCellClick("OnCellClick")
                            .ShowBorders(true)
                            .RowAlternationEnabled(true)
                            .ShowRowLines(true)
                            .ShowColumnLines(true)
                            .Export(e =>e.Enabled(true).FileName("export"))

但是当我点击导出按钮时，出现了这个错误：

Error: E1041 - The JSZip script is referenced after DevExtreme scripts. See: http://js.devexpress.com/error/17_2/E1041

我已经在我的 DevExtremeBundleConfig.cs 中检查了我的导入，Jszip.js 是在 dx.all 之前导入的。

这是class：

public class DevExtremeBundleConfig {

    public static void RegisterBundles(BundleCollection bundles) {

        var scriptBundle = new ScriptBundle("~/Scripts/DevExtremeBundle");
        var styleBundle = new StyleBundle("~/Content/DevExtremeBundle");

        // CLDR scripts
        scriptBundle
            .Include("~/Scripts/jszip.js")
            .Include("~/Scripts/cldr.js")
            .Include("~/Scripts/cldr/event.js")
            .Include("~/Scripts/cldr/supplemental.js")
            .Include("~/Scripts/cldr/unresolved.js");

        // Globalize 1.x
        scriptBundle
            .Include("~/Scripts/globalize.js")
            .Include("~/Scripts/globalize/message.js")
            .Include("~/Scripts/globalize/number.js")
            .Include("~/Scripts/globalize/currency.js")
            .Include("~/Scripts/globalize/date.js");

        // jQuery
        //scriptBundle
        //    .Include("~/Scripts/jquery-2.2.3.js");

        //JSZip for client side export

        //scriptBundle
        //    .Include("~/Scripts/jszip.js");

        // DevExtreme + extensions
        scriptBundle
            .Include("~/Scripts/dx.all.js")
            .Include("~/Scripts/aspnet/dx.aspnet.data.js")
            .Include("~/Scripts/aspnet/dx.aspnet.mvc.js");

        // dxVectorMap data (http://js.devexpress.com/Documentation/Guide/Data_Visualization/VectorMap/Providing_Data/#Data_for_Areas)
        //scriptBundle
        //    .Include("~/Scripts/vectormap-data/africa.js")
        //    .Include("~/Scripts/vectormap-data/canada.js")
        //    .Include("~/Scripts/vectormap-data/eurasia.js")
        //    .Include("~/Scripts/vectormap-data/europe.js")
        //    .Include("~/Scripts/vectormap-data/usa.js")
        //    .Include("~/Scripts/vectormap-data/world.js");

        // DevExtreme
        // NOTE: see the available theme list here: http://js.devexpress.com/Documentation/Guide/Themes/Predefined_Themes/                    
        styleBundle
            .Include("~/Content/dx.common.css")
            .Include("~/Content/dx.light.css");


        bundles.Add(scriptBundle);
        bundles.Add(styleBundle);

#if !DEBUG
        BundleTable.EnableOptimizations = true;
#endif
    }
}

我正在使用 Visual Studio 2017，我已经清理了我的项目（来自 Visual Studio）并重新编译，但一点运气都没有。

我做错了什么？

Answer 1

这里显示了您的捆绑包配置，但我想知道您呈现的页面的外观。还有您的布局页面的外观。

在任何情况下，请确保在调用捆绑包时顺序正确，并确保在没有布局的示例 cshtml 中使用直接引用进行测试。

Answer 2

DevExtremeBundleConfig好像没有包含JSZip:

//scriptBundle
//    .Include("~/Scripts/jszip.js");

尝试取消注释此代码块。

Answer 3

修复在使用控件Devexpress 的项目中不导出文件execl 的问题。您在文件 _layout.cshtml 中添加 link "~/Content/DevExtreme/js/jszip.js") 在文件其他

之前

Visual Studio 上的 DevExtreme JSZIP 错误

DevExtreme JSZIP error onVisual Studio

devextreme

visual-studio-2017