1

我有一个.d.ts外部模块的自定义文件，看起来像

declare module 'vertices-bounding-box' {
  export default function boundingBox(positions: [number,number,number][]): [number, number]
}

而不是[number,number,number]我想使用来自另一个模块的类型，例如：

import { vec3 } from 'gl-matrix';

declare module 'vertices-bounding-box' {
  export default function boundingBox(positions: vec3[]): [number, number]
}

当我添加导入语句时，TSC 抱怨vec3说：

Invalid module name in augmentation. Module 'vertices-bounding-box' resolves to an untyped
module at '/Users/kevzettler/code/hypeworks/node_modules/vertices-bounding-box/index.js', which cannot be augmented. [2665]
4

1 回答 1

1

您刚刚展示了TypeScript中导入类型最普遍的用例：

模块可以导入在其他模块中声明的类型。但是非模块全局脚本不能访问模块中声明的类型。输入导入类型。

换句话说，此语言功能允许从项目文件的全局范围内导入外部模块的类型，如下所示： 'gl-matrix'.d.ts

// ext-module.d.ts, important: don't use ES import statement here
declare module 'vertices-bounding-box' {
  export default function boundingBox(
    positions: Array<import("gl-matrix").vec3>): [number, number]
}

注意：没有 ES import/的文件export是全局脚本而不是模块。

'vertices-bounding-box'没有自己的类型，因此需要在全局脚本文件中声明这些类型，如上所示。对于您想要扩展已经存在的类型（例如从definiteTyped / @types）的情况，您将保留顶级 ES 导入

import { vec3 } from 'gl-matrix';
// ...

在这个文件中，因为模块扩充需要一个模块。

于 2020-10-26T22:14:03.823 回答