TypeScript对JavaScript模块的声明

Question

我最近开始使用一个名为bpmn-js (npmjs.com) )的Node库。

它是用JavaScript写的，我想要打字。因此，我开始阅读有关d.ts文件的内容。

我创建了这个文件夹结构

webapp
  @types
     bpmn-js
       index.d.ts

具有简单的内容

declare module 'bpmn-js' {
  export class BpmnJS {
    constructor();
  }
}

但这似乎行不通。

输入之前，我能够导入我需要使用的对象

import BpmnJS from 'bpmn-js';

我可以用

new BpmnJS();

如何才能识别输入文件？

我用的是WebStorm 2019.1.*。

Answer 1

很简单，我错过了export default，或者更好的，default部分。

declare module 'bpmn-js' {
  export default class BpmnJS {
    constructor(param?: { container: string });
    ...
  }
}

现在这个也起作用了

import BpmnJS from 'bpmn-js';