pdfjs-dist（PDFJS）のTypeScript（TSX）のメソッドで名前空間とインターフェイスをインポートする

Question

私のReactプロジェクトでpdfjs-distを使用しようとしていますが、モジュールと関数をインポートする際に、プロジェクト。

@ types/node_modulesのpdfjs-distモジュールindex.d.tsは、名前空間 "PDF"と "PDF"をエクスポートするモジュール "pdfjs-dist"を含むように定義されています。

このファイルには、他のクラスから呼び出したい「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.

私がした使用import文を使用しているときPDFJSStaticおよびその他のインタフェースが利用できるように、最初のインターフェイスをインポートするように思わ何らかの理由で。

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

これはおそらくそれを行うための正しい方法はありませんが、それは動作します。