jquery - NPM Datatable Excel 按钮不显示

Question

我在数据表中的 Excel 按钮现在显示出来了。我正在使用 NPM 导入所有脚本，所有其他按钮工作正常(PDF、复制、打印)。只有 Excel 不起作用。

检查我的导入:

import 'datatables.net-bs'
import 'datatables.net-buttons-bs'
import 'datatables.net-responsive-bs'
import 'datatables.net-buttons/js/buttons.colVis.js'
import 'datatables.net-buttons/js/buttons.flash.js'
import 'jszip'
import pdfMake from 'pdfmake/build/pdfmake'
import pdfFonts from 'pdfmake/build/vfs_fonts'
import 'datatables.net-buttons/js/buttons.html5.js'
import 'datatables.net-buttons/js/buttons.print.js'

pdfMake.vfs = pdfFonts.pdfMake.vfs

我的配置:

let datatableConfig = {
    responsive: true,
    "dom": '<"html5buttons"B>lTfgtip',
    "buttons": [
        { extend: 'copy' },
        { extend: 'excel'}, 
        { extend: 'excelHtml5' },
        { extend: 'pdf'  },
        { extend: 'print' }
    ]
};

$('#dataTable').DataTable(datatableConfig)

If i put https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.4/jszip.min.js direct in my HTML, it works. How it do not work using import? (Yes, jszip is already installed)

谢谢!

Answer 1

我在 require 语法上遇到了同样的问题，我不得不这样做:

window.JSZip = require( "jszip" );

我不知道 import 的语法，但也许是这样的

import window.JSZip from 'jszip';

或

JSZip from 'jszip';

或

import JSZip from 'jszip';
window.JSZip = JSZip;