在PDFJS-DIST(PDFJS)中导入命名空间并与Typescript(TSX)中的方法接口

Question

我正在尝试在我的React项目中使用PDFJS-DIST，但是要遇到很多问题来导入项目中的模块和功能。

定义了 @type/node_modules中的pdfjs-dist模块index.d.t.t.t.t.ts，以便它包含一个命名空间" pdf"和一个模块" pdfjs-dist"，该pdfjs-dist"导出pdf"。

该文件具有接口，其中包含我想从其他类中调用的" getDocument（name：string）"之类的方法。

简而言之；该文件由通过此接口实现的许多接口和方法组成：

declare module "pdfjs-dist" {
  export = PDF;
}
declare namespace PDF {
  interface PDFJSStatic {
    getDocument(
      source: string,
      pdfDataRangeTransport ? : any,
      passwordCallback ? : (fn: (password: string) => void, reason: string) => string,
      progressCallback ? : (progressData: PDFProgressData) => void): PDFPromise < PDFDocumentProxy > ;
  }

我尝试使用常规导入语句，例如：

import * as PDF from "pdfjs-dist"

和

import { PDFJSStatic } from "pdfjs-dist"

但是，它的响应似乎不太好。VS代码为我提供了所有接口，因此我可以看到它们是什么，但这是我对React和Typescript的知识有点短的地方。我将如何调用这些方法并实际使用" getDocument（）"方法？

Answer 1

出于某种原因，该修复程序似乎是首先导入接口，以便在第2行上使用require语句时，可以使用PDFJSSTATIC和其他接口。

我使用的导入语句是

import { PDFJSStatic, PDFPageProxy } from "pdfjs-dist";
let PDFJS: PDFJSStatic = require("pdfjs-dist");

这可能不是正确的方法，而是起作用。