将 pdfjslib 导入 vuejs 组件

Question

I would like to create a viewer PDF files into electron/vuejs application.

I need to use the pdfjs librarie.

For that I installed this package: "pdfjs-dist": "2.6.347"

and in my component vuejs I try to used this by doing this:

import pdfjsLib from "pdfjs-dist/webpack";

This import instruction seeems to be running good. But If a start used this like this:

created()
{
    pdfjsLib.getDocument()
}

I throw this error:

Cannot read property 'getDocument' of undefined"

I try lot of tricks but I don't find any solution for use this library in my component.

Anyone have a vuejs project with pdfjslib for viewing pdf?

Answer 1

This seems to work:

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

It can be used inside either created() or mounted() . I'd personally use it in mounted .
Working demo here .

Also note calling getDocument() with no arguments seems to trigger some lib error (but that's outside the scope of current question):

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