在Angular中使用@types/pdfjs-dist获取对pdfjsLib的引用

Question

我正尝试在一个预编译的Angular 9项目中使用pdf.js库。

我使用npm i --save pdfjs-dist和npm i --save @types/pdfjs-dist进行安装

然后，从我在网上看到的情况来看，我应该能够在我的组件中使用import * as pdfjsLib from 'pdfjs-dist';访问它。问题是我在我的编译器中得到了这个错误：

​

​

我尝试了许多其他方法来获取引用，但它们要么无法获取引用，要么抛出相同的错误消息。

我还尝试了这里建议的方法：Importing namespace and interface with methods in TypeScript (TSX) in pdfjs-dist (PDFJS)。但是，我收到错误消息，告诉我PDFJSStatic不是导出的成员。

​

​

如有任何帮助，我们将不胜感激！

我的目标是能够使用getDocument()函数。

Answer 1

试试这个吧，这是目前最新的版本。

邮箱：

npm i @libusoftcicom/pdfjs-dist

import * as pdfjsLib from '@libusoftcicom/pdfjs-dist';
import { PDFPageProxy, PDFJSStatic } from '@libusoftcicom/pdfjs-dist/types/display/api';

把这个放在你的load函数的某个地方。

const pdfjsWorker = await import('@libusoftcicom/pdfjs-dist/build/pdf.worker.entry');
pdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorker;