Typescript 导出和再导出接口等数据

Question

我是打字稿的新手。如何从特定文件中导出类型定义（类、接口）+所有变量？我试过这个：

models.ts

export interface CounterState {
    count: number;
}

let t = 5;
export {t}; 

index.ts

import * as models from './models';
models.t -> ok
models.CounterState -> not visible, why?
export default  { models };

reducer.ts

import CounterStore from "./index";


CounterStore.models.t -> ok
CounterStore.models.CounterState -> not visible, why?

为什么 * 没有导入所有内容？ 如果我这样做：import {CounterState} from "./models";它会起作用。

编辑：如果我将接口更改为类，它会按预期工作。

Answer 1

问题不在于导入/导出，而在于您尝试评估接口，这是不可能的：

• 实际的接口声明没有编译成任何javascript，所以在编译的js中尝试调用models.CounterState没有任何意义。

• 然而，如果你声明一个类，你确实有一个编译结果。这就解释了为什么这不会引发错误。

我只想再次大声疾呼打字稿错误的极端晦涩之处。 ?

对于两者的区别，看看equivalent playground example 和它编译成什么：

interface ICounter { // No compilation result
  count: number 
}

class Counter { // has actual compilation result
  count: number
}

let interfaceImplemenetation: ICounter // Compiles fine
Counter // Compiles fine
ICounter // Compiles to undefined