如何在React项目中使用jspdf CDN

Question

我正在开发一个必须生成PDF文件的ReactJS应用程序。我想使用jspdf，所以我在index.html的标题中添加了以下行

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>

然后我转到包含我的实际组件的javascript文件，然后我写了

var pdf=new jsPDF();

获得错误：“ jsPDF is not defined”。所以我在包含组件的文件顶部添加了这一行：

import {jsPDF} from 'jspdf';

这导致了npm错误Module not found: Can't resolve 'jspdf' in 'C:\my-app\src'。所以我应该在反应中使用CDN吗？

Answer 1

在编译代码时，您的节点env对jsPDF并不了解，因为它包含在最后一页中。您需要忽略这一点。

将其定义为global。将此注释放在JS文件的顶部：

/* global jsPDF */

Answer 2

另一种解决方案是将jsPDF替换为window.jsPDF，如下例所示：

var pdf=new window.jsPDF();