angular - 在 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 我@libusoftcicom/pdfjs-dist

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

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

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