将 pdfjslib 导入 vuejs 组件

【问题标题】：import pdfjslib into vuejs component将 pdfjslib 导入 vuejs 组件
【发布时间】：2021-04-29 06:52:58
【问题描述】：

我想在 electron/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 吗？

【问题讨论】：

【解决方案1】：

这似乎有效：

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

【讨论】：