html2pdf.js和Webpack错误“未安装jsPDF canvas插件”

时间:2019-04-30 07:35:16

标签: javascript angular jspdf

我正在将Angular应用迁移到使用html2pdf.js库的Webpack。

yarn add html2pdf.js@0.9.0添加了软件包并添加了import 'html2pdf.js'之后,当我打电话给html2pdf(element, opt)时,它显示了一条警告消息:

jsPDF canvas plugin not installed

在我看来,似乎jspdf库已加载,但是canvas插件丢失或未加载。

这似乎来自jsPDF软件包where come from this alert

请问有人可以帮我吗?

1 个答案:

答案 0 :(得分:0)

我终于通过将html2pdf.js别名为html2pdf使其工作:

environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  html2pdf: 'html2pdf.js',
  ...
}));

我还改变了使用html2pdf的方式(但是当我这样做时并没有解决问题)。

我这样使用它:

    var element = document.getElementById('workstations-peripherals-table')
    var opt = {
      filename: 'grid.pdf',
      margin:   10,
      jsPDF:    {
        format: 'a4',
        orientation: 'landscape'
      }
    }
    html2pdf(element, opt)

现在我正在使用诺言方式:

    var element = document.getElementById('workstations-peripherals-table')
    var opt = {
      filename: 'grid.pdf',
      margin:   10,
      jsPDF:    {
        format: 'a4',
        orientation: 'landscape'
      }
    }
    html2pdf().set(opt).from(element).save()