React create app のホット リロードが Linux で常に機能するとは限らない

npm start が変更を検出しない場合、create-react-app に記載されている一般的なトラブルシューティング手順を以下に示します ドキュメント - リンク。

アプリが npm start で実行されている間 エディターでコードを更新すると、更新されたコードでブラウザーが更新される可能性があります。これが起こらない場合は、次の回避策のいずれかを試してください:

<オール>

プロジェクト ファイルが Dropbox や Google ドライブなどのクラウド ストレージからローカル システムに直接同期されていて、その中でアプリを直接実行しようとしている場合は、移動してみてください。

Webpack のバグにより、ウォッチャーの再起動が必要になる場合があります。ウォッチャーが index.js を検出せず、フォルダー名で参照している場合。

安全な書き込み Vim や IntelliJ などのエディターの機能は現在、ウォッチャーを壊しています。無効にする必要があります。

Webpack ウォッチャーのバグにより、パスに括弧が含まれるプロジェクトは問題を引き起こします。プロジェクトを括弧のないパスに移動してみてください。 .

Linux と macOS でより多くのウォッチャーを許可するには、システム設定の調整が必要になる場合があります。

プロジェクトが (Vagrant でプロビジョニングされた) VirtualBox などの仮想マシン内で実行される場合は、.env を作成します。 ファイルが存在しない場合はプロジェクト ディレクトリにコピーし、CHOKIDAR_USEPOLLING=true を追加します。 それに。これにより、次に npm start を実行するときに 、ウォッチャーは VM 内で必要に応じてポーリング モードを使用します。

max_users_watches を増やしてみてください - リンク

その他の参照:

• Issue Tracker 1
• webpack のトラブルシューティング
• Issue Tracker 2 - Webpack ポーリング

これらを試してください:

• IDE で安全な書き込みをオフにする
• max_user_watches を増やす
• パスに括弧を含めないでください

最後の手段として、これを環境変数として使用してみてください:CHOKIDAR_USEPOLLING=true npm start

ソース:https://github.com/facebookincubator/create-react-app/issues/659https://github.com/facebookincubator/create-react-app/issues/1049#issuecomment-261731734