web-dev-qa-db-ja.com

[email protected]+のフロータイプを正しくインストールする方法は？

私は多くのサイトをグーグルで検索しましたが、react-native +フロータイプで実際に機能するチュートリアルが見つかりません。

[email protected] ドキュメントからフローインストールガイドがありましたが、 [email protected] にあります。

ただし、 テストの実行と貢献 で再び表示され、npm run flowを実行するようにテストしましたが、機能しません。それでも、それを機能させる方法については述べていません。それはおそらくreact-nativeドキュメントの中に欠けている部分でした。

私が必要としているのは、react-nativeでflowを正しく実行することです。ページを⌘Rでリロードするたびにflowを自動チェックするのが最適です。

react-nativeflowtypereact-native-0.46
10
Val

プロジェクトの半分をフローでカバーし終えたところです。RN0.44.0を使用しています。

トリッキーな部分は次のとおりです。node_modules内のエラーも知りたいですか、誰かがそれらのエラーが役立つと言います。

とにかく、node_modulesのエラーを無効にします。これが、私の.flowconfigです。

[ignore]

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

[libs]
./flowLibs.js
.....
[lints]
[options]

正しくセットアップされていない場合は、最初にフローをインストールする必要があります。

npm install --save-dev flow-bin

また、インストール後にプロジェクトルートでこれを実行します。

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を追加することを忘れないでください。

7
Tyreal Gray

Flowtypeには[email protected]+が組み込まれていることがわかりました。

反応ネイティブドキュメントの場合、少なくともflowtypeがすでに組み込まれていることを伝える必要があると思います。残りのドキュメントの例： Testing Your Changes @ flow 、flow-binなしでは機能しません、彼らもそれについて言及する必要があります。

フロータイプを最大限に活用するために、Visual StudioCodeで使用します。

手順：

  1. flow-binをnpm i flow-bin -gでグローバルにインストールします。端末がコマンドflowに応答することを確認してください。
  2. インストール vscodeフロー拡張 。
  3. "javascript.validate.enable": falseを使用してvscodeワークスペース設定を設定し、デフォルトのjavascript検証を無効にして、フロー検証を実行できるようにします。 vscode設定にアクセスするには、Windowsの場合はALT+F,P,S、Macの場合は⌘+,。

次に、すべてのキーストロークで視覚的な結果が得られるflowtypeがインストールされています。

enter image description here

5
Val

これを試してください：

Reactネイティブにフローを追加する

https://medium.com/react-native-training/getting-started-with-react-native-and-flow-d40f55746809

お役に立てれば！

1
A-J-A