Estoy usando jsPDF con mi proyecto nuxt.js donde obtengo el html de la API cuando el usuario hace clic en el botón Exportar y luego convierte el HTML a PDF antes de descargarlo. El archivo HTML que obtuve de la API se ve completamente normal, pero después de convertirlo con jsPDF y exportarlo, no obtuve la oración completa, sino palabra por palabra en una columna (como la imagen a continuación). ¿Alguien podría ayudarme a determinar dónde hice mal? Abajo están mis códigos.

Código HTML

 <span class="btn" title="Export report" v-if="!isExporting" @click="exportReport" >Export Report</span >

JavaScript

 import html2canvas from "html2canvas"; import jsPDF from "jspdf"; downloadReport() { Service.getHTMLReport().then(response => { var doc = new jsPDF("p", "pt", "a4"); let htmlFile = response; doc.html(htmlFile, { callback: function(pdf) { pdf.save("report.pdf"); } }); }); }

Este es el archivo HTML que consuelo de la respuesta

Este es el archivo PDF después de exportar