使用flow检查代码

使用flow检查代码

  • 想要安装flow可以点击flow官网
  • 在这里我建议全局安装,当然你也可以在项目中安装
// 全局安装
yarn global add flow-bin

// 项目中安装
// 进入项目的根目录
yarn add --dev flow-bin
  • 如果你想使用flow检查某个js文件,那么你要在这个js文件的第一行添加// @flow
  • 以下是文件demo.js
// @flow
function Hello(num){
    return 2 * num
}
Hello("ok")
  • 如果你已经全局安装,输入以下命令
// flow全局安装
flow init // 初始化,生成 .flowconfig 文件
flow // 运行flow
  • 如果你在项目中安装flow,输入以下命令
// 项目中安装flow
yarn run flow init // 初始化,生成 .flowconfig 文件
yanr run flow // 运行flow
  • 运行flow之后检测的结果为
Spawned flow server (pid=26042)
Logs will go to /private/tmp/flow/zSUserszSsataniyazSDesktopzSdemo.log
Monitor logs will go to /private/tmp/flow/zSUserszSsataniyazSDesktopzSdemo.monitor_log
Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ demo.js:3:16

Cannot perform arithmetic operation because string [1] is not a number. [unsafe-addition]

     1// @flow
     2function Hello(num){
     3return 2 * num
     4}
     5[1] 6Hello("ok")



Found 1 error
  • 可以看见 demo.js:3:16出现了错误,主要是because string [1] is not a number,也就是说输入的参数不是一个数字(number类型)
  • 知道错误的原因之后修改相应文件的js代码
// @flow
function Hello(num){
    return 2 * num
}
Hello(2)
No errors!
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章