如何将外部类型导入全局.d.ts文件

Question

我正在使用Moment.js处理TypeScript项目中的日期时间对象。我想定义一个对象类型，该对象类型的键的类型值为Moment。

但是，当我将以下内容添加到全局定义文件（test.d.ts）时，在项目中的任何位置都找不到该文件中的接口。

import { Moment } from 'moment';

interface Test {
  date: Moment;
}

当我尝试在.ts或.tsx文件中使用接口时，出现此TypeScript错误：

[at-loader] ./src/<examplefilename>.tsx:91:26 
    TS2304: Cannot find name 'Test'. 

VSCode的TypeScript错误检查和TSLint均未显示该代码的任何问题。

如何从外部模块导入类型以在全局定义文件中使用？

Answer 1

使用 TypeScript 3.3+（也许从 2.4 开始，因为它是添加了对动态导入的支持的版本），您有更好的方法来解决这个问题，使用以下任一方法：

interface Test {
  date: import('moment').Moment;
}

或者

type Moment = import('moment').Moment;
interface Test {
  date: Moment;
}

无需导出任何接口；)

Answer 2

global.d.ts以下是Create React App 项目中的文件示例：

declare type RouteProps = import("react-router-dom").RouteProps;

declare interface Xyz extends RouteProps {
  yada: string;
}

Answer 3

当文件具有顶层import或export语句时，将其视为模块。您感兴趣的所有内容（类型，接口等）都需要在该文件中显式导出，并导入到需要这些类型的文件中。

// types.d.ts
import { Thingy } from 'sick-lib';

export declare interface IInterface {
  foo: any;
  bar: any;
  baz: Thingy;
}

// main.ts
import { IInterface } from 'types';

const xyz: IInterface = {
  foo: true,
  bar: false
};