在PDFJS中使用TypeScript (TSX)中的方法导入命名空间和接口(PDFJS)

Question

我试图在我的反应性项目中使用pdfjs，但是在导入模块和项目中的函数时遇到了很多问题。

定义了@types/node_ index.d.ts中的pdfjs模块，使其包含一个名称空间"PDF“和一个导出"PDF”的模块“pdfjs”。

该文件具有接口，其中包含"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和类型记录的了解有点不足的地方。如何调用方法并实际使用"getDocument()“方法？

Answer 1

由于某些原因，修复似乎是先导入接口，以便在第2行使用require语句时，PDFJSStatic和其他接口可用。

我使用的导入语句是；

​

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

​

这可能不是正确的做法，但它是有效的。