2017-07-19 59 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

相關問題