javascript - 如何在另一个声明文件中引用 lib.dom.d.ts 中的类型？

Question

我对 TypeScript 还很陌生，并尝试进行自动化测试，将 IndexedDB 依赖注入(inject)到我的代码中，但我用来模拟 IDB 的库没有 .d.ts，所以我尝试滚动自己的简单声明文件来解决这个问题，它看起来像这样:

declare let fakeIndexedDB: IDBFactory;

declare module 'fake-indexeddb' {
  export var fakeIndexedDB;
}

但是，当我尝试使用这种类型时，出现错误:

type 'typeof import("fake-indexeddb")' is missing the following properties from type 'IDBFactory': cmp, deleteDatabase, open

将鼠标悬停在 VSCode 中，看起来 IDBFactory 的类型是 lib.dom.d.ts 中的这种类型:

declare var IDBFactory: {
    prototype: IDBFactory;
    new(): IDBFactory;
};

但是我想要导入的是它正上方的接口(interface)类型。我该如何在声明文件中表示我想引用 lib.dom.ts 中的接口(interface)，而不是使用它的 var？我可以看到 jsdom 能够在其 .d.ts 中创建一个类，通过接口(interface)和 var 引用 DOM 类型，但他们也不使用“声明模块”。

Answer 1

问题

这段代码的问题:

declare let fakeIndexedDB: IDBFactory;

declare module 'fake-indexeddb' {
  export var fakeIndexedDB;
}

导出的fakeIndexedDB类型为any。它是一个与上面声明的变量不同的变量。基本上，像这样定义的 fake-indexeddb 是一个导出未指定类型的名为 fakeIndexedDB 的单个变量的模块。

解决方案

你应该这样做:

declare module 'fake-indexeddb' {
  const fakeIndexedDB: IDBFactory;

  export = fakeIndexedDB;
}

是否使用export =、export或export default取决于实际JavaScript库的构建方式。如果 fake-indexeddb 导出单个成员，则建议使用上述语法，并且在使用 require 函数导入时它可以正常工作。看看是否有效，如果无效，请查阅源代码。