ReactNativeにFlowを導入しようとして詰まった

静的方解析ツールFlowをReactNativeのプロジェクトに導入しようと思ったらいろいろ詰まったんですが、解決は驚くほどあっけなかったです。

解決策

ReactNativeは標準でFlowに対応しているので、プロジェクト立ち上げ時に作成される .flowconfig の中に書いてあるバージョンに従って flow-bin をインストールすれば完了です。

.flowconfig の一番下にこんなのが書いてあるはず。

[version]
^0.65.0

なので

npm i flow-bin@0.65.0 --save-dev

これで良いのです。

この記事を参考にしました。

Flowの公式インストール方法を参考にしたのが間違いでした。。。 flow.org

これでセットアップして npm run flow すると node_modules/react-native/Libraries の中でたくさんエラーが出ます。

それでおかしいなと思ってここを参考にして.flowconfigいじったり、

その後 npm run flow して出てきた

Cannot resolve module react-native.

みたいなエラーに戸惑ったり。。。

完全に泥沼にハマりました。