为第三方绝对类型模块找到正确的导入

Question

我正在尝试将 Vanilla Tilt 添加到我的 TypeScript 项目中。我已经安装了它和@types/vanilla-tilt

类型有：

export namespace VanillaTilt {
...
}

export default class VanillaTilt {
  static init(...)
}

在我的代码中，我正在做import ... from 'vanilla-tilt'; 的变体。我正在尝试使用VanillaTilt.init。

如果不执行(VanillaTilt as any).init 之类的操作，我无法找到一种方法。

// misnamed import. Import should be named `vanillaTilt` but found `VanillaTilt`
import VanillaTilt from 'vanilla-tilt';

// Property 'init' does not exist on typeof node_modules/@types/vanilla-tilt/index
import vanillaTilt from 'vanilla-tilt';
import { default as VanillaTilt } from 'vanilla-tilt';

// TypeScript does not throw an error, but I get `cannot read property init of undefined`.
import { VanillaTilt } from 'vanilla-tilt';

类型定义有什么问题可以正确导入吗？

Answer 1

类型定义被破坏。定义使用命名导出：

export class VanillaTilt {

但实际源代码使用默认导出：

export default class VanillaTilt {

我建议向DefinitelyTyped 提出拉取请求来修复它。在 PR 中，使用 export = class VanillaTilt（如 cmets 中的建议）以与 CommonJS 中的用法保持一致。滚动您自己的固定定义，直到它被合并。你应该可以像这样使用它：

import VanillaTilt from 'vanilla-tilt'
VanillaTilt.init(...)

我要补充一点，您在此表单上遇到的“错误导入”错误实际上是 linter 错误，而不是编译器错误。您应该能够在 linter 配置中禁用该规则，或添加注释以免除它。