Le bouton NPM Datatable Excel ne s'affiche pas

Question

Excel Le bouton dans le datatable est maintenant affiché. J'utilise NPM pour importer tous les scripts, tous les autres boutons fonctionne bien (PDF, Copier, Imprimer). Seul Excel ne fonctionne pas.

Vérifiez mes importations:

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 

Ma config:

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

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

Si je mets https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.4/jszip.min.js directement dans mon HTML, cela fonctionne. Comment cela ne fonctionne pas en utilisant import? (Oui, jszip est déjà installé)

Merci!

Answer 1

je suis arrivé le même problème avec la syntaxe require et je devais faire:

window.JSZip = require("jszip"); 

Je ne sais pas la syntaxe avec import mais peut-être il est quelque chose comme

import window.JSZip from 'jszip'; 

ou

JSZip from 'jszip'; 

ou

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