将 pdfjslib 导入 vuejs 组件

如何解决将 pdfjslib 导入 vuejs 组件

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

我需要使用 pdfjs 库。

为此我安装了这个包："pdfjs-dist": "2.6.347"

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

import pdfjsLib from "pdfjs-dist/webpack";

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

created()
{
    pdfjsLib.getDocument()
}

我抛出这个错误：

Cannot read property 'getDocument' of undefined"

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

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

解决方法

这似乎有效：

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

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

另请注意，不带参数调用 getDocument() 似乎会触发一些 lib 错误（但这超出了当前问题的范围）：

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