Skip to content

上一节介绍了如何安装并使用flow命令,flow命令可以自动检测js文件中的类型问题它的工作原理就是根据我们在代码中额外添加这种冒号+类型的这种类型注解去找到所有使用类型的异常

但是这种类型注释不是javascript的标准语法,所以我们添加这种类型注解之后就会造成代码是无法正常的去运行的。我们这里直接node 运行,发现就出错了

要解决这个问题,也很简单,就是自动的去除掉代码当中的类型注解, 因为这里的类型注解,只是在我们编码的时候检测出问题的,而在实际的运行环境中,它没有任何的必要,所以我们可以使用工具在完成编码之后呢,自动的移除掉。

有两中主流的方案。

一、flow-remove-types

js
yarn add flow-remove-types

这里已经将类型注解去掉,并运行正常。

一、babel

js
yarn add @babel/cli @babel/core @babel/preset-flow --deve

新建.babelrc

js
{
    "presets": ["@babel/preset-flow"]
}

同样将类型注解去掉,并运行正常。

下一节继续讲flow。Come on!