将 pdfjslib 导入 vuejs 组件

Question

我想在电子/vuejs 应用程序中创建一个查看器 PDF 文件。

我需要使用 pdfjs 库。

为此，我安装了这个 package: "pdfjs-dist": "2.6.347"

在我的组件 vuejs 中，我尝试通过这样做来使用它：

import pdfjsLib from "pdfjs-dist/webpack";

这个导入指令似乎运行良好。 但是如果开始这样使用：

created()
{
    pdfjsLib.getDocument()
}

我抛出这个错误：

Cannot read property 'getDocument' of undefined"

我尝试了很多技巧，但我没有找到在我的组件中使用这个库的任何解决方案。

任何人都有一个带有pdfjslib的vuejs项目来查看pdf？

Answer 1

这似乎有效：

import("pdfjs-dist").then((pdfjsLib) => {
  pdfjsLib.getDocument();
});

它可以在created()或mounted()中使用。 我个人会在mounted中使用它。
工作演示在这里。

另请注意，在没有 arguments 的情况下调用getDocument()似乎会触发一些 lib 错误（但这不在当前问题的 scope 范围内）：

Invalid parameter in getDocument, need either Uint8Array, string or a parameter object