在 TypeScript 中导出导入的接口

Question

我在不同的目录中有许多模板 - 我为每个模板定义了一个接口，因此我可以确定我在 TypeScript 代码中引用的内容将在模板中可用。

我想为每个接口定义一个接口，然后将所有接口整理到一个可以导入的文件中（这样我总是可以只导入该文件，自动完成将显示哪些接口可用）。

但是，我在执行此操作时遇到了麻烦。我目前拥有的：

login/interface:

export interface Index {
    error: string;
    value: string;
}

interfaces.ts:

import * as login from './login/interface';
export let View = {
    Login: login
};

login.ts:

import * as I from './interface';
...
let viewOutput: I.View.Login.Index = {
   ...
};

结果：

错误 TS2694：命名空间 '"...interface"' 没有导出的成员 'View'。

但是，如果我尝试将 I.View.Login.Index 作为一个简单变量访问，那么我会得到：

类型'typeof "...interface"'上不存在属性'Index'。

这似乎是正确的，因为接口并不是真正的类型，但它已经能够访问 I.View.Login 以达到这一目标。

恐怕我不明白我做错了什么或错过了什么。任何帮助将不胜感激！

Answer 1

你可以像这样re-export：

// interfaces.ts
export * from './login/interface';
export * from './something/interface';

然后：

// login.ts
import * as I from './interface';
let viewOutput: I.Index = { ... }

另一种选择是：

import * as login from './login/interface';
export { login as Login };

然后：

// login.ts
let viewOutput: I.Login.Index = { ... }