导出接口出错

Question

如果我导入一个接口，流程无法识别它，但是如果在同一个文件中声明该接口，它会按预期工作。

工作示例：

interface Action {
  execute(): Promise < any > ;
}

class CreateJuridicalPerson {
  constructor() {}



  static create() {
      return new CreateJuridicalPerson();
  }

}

(new CreateJuridicalPerson: Action);

//[flow] [flow] property `execute` of Action (Property not found in CreateJuridicalPerson)

失败的例子：

动作.js：

interface Action {
    execute(): Promise < any > ;
}
export default Action;

创建JurdicalPerson.js：

import Action from './Action'

class CreateJuridicalPerson {
  constructor() {}



  static create() {
      return new CreateJuridicalPerson();
  }

}

(new CreateJuridicalPerson: Action);

//quiet...

Answer 1

您的代码无效并引发以下错误

src/Action.js:7
  7: export default Action;
                    ^^^^^^ Action. type referenced from value position
  3: interface Action {
     ^ type Action

如果您使用的是 Nuclide 并且没有看到错误，请尝试从命令行运行flow check。问题是类型和接口必须用export typeor导出，export interface然后用import type

动作.js

// @flow

export interface Action {
  execute(): Promise<any>;
}

索引.js

// @flow

import type { Action } from './Action'

class CreateJuridicalPerson {
  constructor() {}
  static create() {
    return new CreateJuridicalPerson()
  }
}

(new CreateJuridicalPerson: Action)

src/index.js:12
 12: (new CreateJuridicalPerson: Action)
                                 ^^^^^^ property `execute` of Action. Property not found in
 12: (new CreateJuridicalPerson: Action)
      ^^^^^^^^^^^^^^^^^^^^^^^^^ CreateJuridicalPerson