eslint-plugin-import 如何将流声明的模块添加到异常中

Question

我在流类型目录中有一个文件，其中包含一些常见的类型声明，例如：

common-types.js

// @flow

declare module 'common-types' {
  declare export type RequestState = {
    setLoading: () => void,
    setFinished: () => void,
    setError: (error: AxiosFailure) => void,
    reset: () => void,
    status: LoadingStatus,
    error: AxiosFailure | void,
  };

  declare export type LoadingStatus = '' | 'loading' | 'finished';

  declare export type ErrorObject = { [key: string]: string | string[] | Error };

  declare export type AxiosFailure = {
    status: number,
    data: ErrorObject,
  }

}

现在我像这样在文件中导入它：

import type { RequestState } from 'common-types';

但我收到关于 缺少文件扩展名 的 eslint-plugin-import 错误以及无法解析模块“common-types”的路径

我该如何处理？

Answer 1

我找到了解决方案。正如@logansmyth 在评论中建议的那样

您的类型应该只是将您的代码与您的数据一起传递

我遇到的问题是 webpack 别名。 Flow 指出了有关未安装模块的错误。但是我 found out 我可以在 .flowconfig 中使用映射器，例如：

module.name_mapper='^common' ->'<PROJECT_ROOT>/src/common'

与 webpack 别名一起，这使得 eslint-plugin-import 和 flow 以及正确的类型检查都很开心。现在我将类型与common 组件一起导入，不会弄乱流类型目录。