ES6 - how do you import either html2canvas or rasterizehtml?

I’m using v 1.3.3 and jspdf.debug.js.

This is a mixin for vuejs, a simple function:

import html2canvas from 'html2canvas'
import jsPDF from 'jspdf'

PDF =
  methods:
    makePDF: () ->
      pdf = new jsPDF 'landscape', 'mm', 'a4'
      ele = document.querySelector '.roster-view'
      pdf.addHTML ele, () -> pdf.save 'roster.pdf'

export default PDF

I expected this to work, but:

jspdf.debug.js?ece2:4049 Uncaught Error: You need either https://github.com/niklasvh/html2canvas or https://github.com/cburgmer/rasterizeHTML.js at ...

What have I missed?

[AppSynergy]

Got it, jspdf requires html2canvas to be attached to the window scope:

window.html2canvas = html2canvas

[stefanbollmann]

How can I set window.html2canvas = html2canvas in Angular?

I tried: .ts - File

import * as jsPDF from ‘jspdf’; import * as html2canvas from ‘html2canvas’;

export class ...... {

  downloadPDF2() {
      let pdf = new jsPDF();

      pdf.addHTML(document.getElementById('content'), 
        function save() {
          pdf.save('mypdf.pdf');
          window.open(pdf.output('bloburl'));
        } )
  }