Flow中如何定义导入类类型？能否跨文件显式导入类类型？

我来帮你解决这个Flow类型导入的问题，先拆解你的两个疑问：

1. 如何在Flow中定义并导入类类型？ #

Flow中定义类类型分两种常见场景，对应不同的定义和导入方式：

场景一：定义带实际实现的类 #

如果你需要同时使用类的值（实例化、调用静态方法）和类型，可以直接定义普通类并导出：

// types.js
export type MyType = { id: number, name: string };

export class MyObject {
  constructor() { /* 实际构造逻辑 */ }
  getStuff(param: number): MyType {
    return { id: param, name: "test" };
  }
}

导入时，若只需要类的类型，用import type；若需要同时使用值和类型，用普通import：

// main.js
// 仅导入类型
import type { MyObject, MyType } from './types.js';
// 同时导入值和类型（比如要实例化）
import { MyObject } from './types.js';

场景二：仅定义类的类型（无实现，如描述外部类） #

如果不需要写类的实现，只是用类型描述类的形状（比如对接第三方库、仅做类型校验），需要用declare class并显式导出：

// types.js
export type MyType = { id: number, name: string };

// 关键：必须用export导出declare class
export declare class MyObject {
  constructor(): MyObject;
  getStuff(param: number): MyType;
  // 其他方法/属性声明...
}

导入时用import type获取类的类型即可：

// main.js
import type { MyObject, MyType } from './types.js';

2. 是否可以跨文件显式导入？当然可以！你的代码问题出在这两处 #

看你提供的代码，Flow无法识别MyObject的原因有两个：

• MyObject没有被导出：你只写了declare class MyObject，但没有加export关键字，导致其他文件无法导入它
• MyType的定义语法错误：缺少了赋值符号=，正确写法是export type MyType = { ... }

修正后的完整代码 #

types.js

export type MyType = { 
  id: number, 
  name: string, 
};

// 加上export，让其他文件可以导入这个类类型
export declare class MyObject {
  constructor(): MyObject;
  getStuff(param: number): MyType;
  // 补充其他方法声明...
}

main.js

import type { MyObject, MyType } from './types.js'; 

// 现在Flow可以正常识别MyObject了，比如：
function getObject(): MyObject {
  // 这里可以写实际获取MyObject实例的逻辑（比如从外部库引入）
  return new MyObject();
}

const obj: MyObject = getObject();
const result: MyType = obj.getStuff(456);

这样调整后，Flow就能正确识别跨文件导入的MyObject类类型了。

内容的提问来源于stack exchange，提问作者JD.