【问题标题】:How to make Flow and Typescript work together in React?如何让 Flow 和 Typescript 在 React 中协同工作?
【发布时间】:2021-12-29 14:06:58
【问题描述】:

那么,如何让 Flow 和 Typescript 在 React 中协同工作?你会问为什么你们两个都在同一个项目中,但我正处于从 Flow 到 Typescript 的过渡中,并且在短时间内我想同时拥有它们。

问题是,Flow 报告 Typescript 类型定义错误,如下所示:

type person = {
 name: string
 surname: string
}

因为Flow语法不同:

type person = {
 name: string,
 surname: string,
}

我正在使用 VS Code,但我找不到在哪里(以及如何)禁用 Flow 以将 Typescript 语法标记为错误并导致编译过程失败。我尝试了一切: // @noflow, // $FlowFixMe 但没有什么可以阻止报告 Typescript 语法错误。

你有什么想法吗?

【问题讨论】:

  • 为什么不现在添加逗号? TS 会接受他们。
  • 嗯,不。 Typescript linter 自动删除逗号。
  • 这是构建链中的其他工具,而不是 TypeScript
  • 是的,我同意,但我不知道还有哪个工具有问题。
  • @captain-yossarian flow 刚刚失宠。许多包提供 typescript 类型,但流类型的数量几乎不存在。我认为它已经过时了。

标签: reactjs typescript flowtype react-typescript


【解决方案1】:

好的,我找到了解决方案。就我而言,我需要文件顶部的两行:

/* eslint-disable prettier/prettier */
/* eslint-disable flowtype/no-types-missing-file-annotation */

这样就可以了。

【讨论】:

    猜你喜欢
    • 2020-01-17
    • 2017-11-15
    • 2020-01-13
    • 2014-11-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多