2017-07-19 57 views
8

我已经搜索了很多网站,但找不到实际适用于react-native +流式的教程。如何正确安装流式类型以反应[email protected]+?

[email protected]文件有流程安装向导,但是在[email protected]去了。

但它再次出现在Running Tests and Contributing,我测试运行npm run flow但没有工作,并再次没有说如何使它的工作。这可能是react-native文档中缺少的一部分。

我需要的是使用react-native正确运行流程。每次我用⌘R重新加载页面时自动检查流量将是最好的。

回答

3

我刚刚完成了我们项目的一半流程,我们使用RN 0.44.0。

棘手的部分是:你也想知道node_modules里面的错误,有人说这些错误是有帮助的。

不管怎样,我禁用错误node_modules,这里是我的.flowconfig:

[ignore] 

<PROJECT_ROOT>/node_modules/.* 
<PROJECT_ROOT>/flowLibs.js 
[include] 

[libs] 
./flowLibs.js 
[lints] 
[options] 
unsafe.enable_getters_and_setters=true 

您应该安装流程首先,如果你没有安装正确,

npm install --save-dev flow-bin 

以及在运行此你在安装后预计root:

npm run flow init 

如果npm run flow init不起作用,只需添加在npm脚本中使用"flow": "flow"

初始化后,将我的.flowconfig放入您的项目.flowconfig文件中。

然后创建一个js文件flowLibs.js如果npm run flow check导致你的任何错误,如Module_Name. Required module not found

flowLibs.js写下代码:

declare module 'Module_Name' { declare var exports: any; }; 

之后,你要善于和你一起去,现在项目。

顺便说一句,不要忘记添加//@flow在你想检查类型的文件的顶部。

+0

感谢您的回答,虽然没有多大帮助,但它给了我一个寻找其他解决方案的方向。检查这是否对你有帮助https://stackoverflow.com/a/45790088/681830 – Val

+0

再次感谢你,应得的赏金! – Val

3

我发现flowtype内置了[email protected]+。

对于反应本地文件,我认为他们至少应该告诉流动型已经内置至于其他文件EX:Testing Your [email protected],它不会不flow-bin工作,他们应该提到这一点。

为了使流水线的最佳使用,我用它与Visual Studio代码。

步骤:

  1. 安装flow-bin全球范围内,通过npm i flow-bin -g。 确保您的终端响应命令flow
  2. 安装vscode flow extension
  3. 设置vscode工作区首选项为"javascript.validate.enable": false,以禁用默认的JavaScript验证,因此可以进行流验证。 要访问vscode首选项,请输入ALT+F,P,S(适用于Windows),⌘+,(适用于mac)。

那么你有流动型安装了视觉效果与每次击键:

enter image description here

相关问题