Javascript 将pdf.js示例移植到electron
我正在尝试从以下内容重新创建上一个/下一个示例: 作为电子应用程序。我已经将html的主要部分复制到我的电子索引文件中Javascript 将pdf.js示例移植到electron,javascript,node.js,electron,Javascript,Node.js,Electron,我正在尝试从以下内容重新创建上一个/下一个示例: 作为电子应用程序。我已经将html的主要部分复制到我的电子索引文件中renderer.js本质上就是示例页面上的javascript文件 现在,我尝试进行以下更改: 我运行了npm安装webpack,因为它是pdfjs的对等依赖项 运行npm安装pdfjs dist 注意:我不确定我是否应该做pdfjs dist或pdfjs 然后在我替换的脚本中: var pdfjsLib = window['pdfjs-dist/build/pdf'];`
renderer.js本质上就是示例页面上的javascript文件
现在,我尝试进行以下更改:
我运行了npm安装webpack
,因为它是pdfjs的对等依赖项
运行npm安装pdfjs dist
注意:我不确定我是否应该做pdfjs dist
或pdfjs
然后在我替换的脚本中:
var pdfjsLib = window['pdfjs-dist/build/pdf'];`
与
但重要的是,我不知道如何处理员工热线:
pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';
由于我不清楚的原因,这一行被解析为file://mozilla …
所以我手动将其更改为https://
pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://mozilla.github.io/pdf.js/build/pdf.worker.js';
不幸的是,现在我得到了一个关于承诺的错误,并试图在一个空对象上获取numPages。这就是违规代码:
/**
* Asynchronously downloads PDF.
*/
pdfjsLib.getDocument(url).promise.then(function(pdfDoc_) {
pdfDoc = pdfDoc_;
document.getElementById('page_count').textContent = pdfDoc.numPages;
// Initial/first page rendering
renderPage(pageNum);
});
因此,问题是:
我做错了什么
奖励:pdfjs dist是最佳选择吗?一般来说,我如何将.js之类的东西链接到npm安装
奖金:我如何让员工不依赖网站
如果你还在寻找解决方案,我用
pdfjsLib.GlobalWorkerOptions.workerSrc = './node_modules/pdfjs-dist/build/pdf.worker.js'
节点模块中的pdfjs dist文件夹包含构建文件如果您仍在寻找解决方案,我可以使用
pdfjsLib.GlobalWorkerOptions.workerSrc = './node_modules/pdfjs-dist/build/pdf.worker.js'
节点模块内的pdfjs dist文件夹包含构建文件