Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将pdf.js示例移植到electron_Javascript_Node.js_Electron - Fatal编程技术网

Javascript 将pdf.js示例移植到electron

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'];`

我正在尝试从以下内容重新创建上一个/下一个示例:

作为电子应用程序。我已经将html的主要部分复制到我的电子索引文件中
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文件夹包含构建文件