Flow IDEサポートがWebpackと戦っています

Question

flow-babel-webpack-pluginを使ってwebpack/babelビルドにフローを統合しました。 Webpack dev serverは、資産を1秒未満でコンパイル/配信します。フロータイプのエラーがある場合は、うまく印刷します。私はそれにとても満足しています。

IDEをオンにすると問題が発生します。 VSCodeとAtomの両方で、私がどんな種類のフローサポートを有効にしても、私のwebpack/babelビルドが直ちにチョークを開始します。変更をコンパイルするには4〜70秒かかります。多くの場合、失敗し、複数の通知が返され、サーバーを何度も起動しようとしたことを示します。

私は、webpackとIDEの両方が同時に別のフローサーバーをスピンアップしようとしていると思われますが、これは競合の原因となります。または、彼らは同じフローサーバーを使用していますが、これは何らかの理由で問題でもあります。私はそれについて何をすべきか分かりません。私はflowグローバルと、node_modulesのIDEを使ってwebpackを使って別々のバイナリを指してみました。サイコロはありません。

これは非常に一般的な使用例 - フロー+ Webpackウォッチャー+任意のIDEでなければならないようです。

私はとは私のIDEは私に構文エラーが表示されている私のWebPACKビルドコンパイル・フロー・コードの両方を持っているしたいなどこれまでのところ、それは不可能であっだ

Answer 1

そのプラグインがフローの独自のコピーを使用していますように見え、 flow-binパッケージから：

index.js

package.json

このバージョンは、どのようなあなたのIDEと同期している場合Flowの1つのバージョンを起動すると、すでにそのディレクトリで実行されている別のバージョンのFlowサーバーが強制終了されます。

あなたdevDependencies（このWebPACKのプラグインと一緒に）でflow-binを入れて、特定のバージョンにそれをロックし、またflow-binからの流れのバイナリを使用するようにIDEを設定した場合npmはちょうどあなたが指定したバージョンがインストールされますように、それが見えますプラグインとIDEの両方で同じFlowバージョンを使用できるようになります。

設定に関する詳細がわからない場合は、より具体的なソリューションをお勧めします。 IDEとWebpackプラグインの両方で同じバージョンのFlowが実行されるようにするか、IDEまたはwebpackプラグインを使用しないようにする必要があります。