[解決済み] create-react-appの開発サーバーが自動更新されない。

質問

私は チュートリアル を使用しています。 アプリケーションの作成は create-react-app v1.3.0

create-react-app my-app

開発サーバーの実行は

npm start

コードを何度か変更した後、ブラウザが変更された状態でライブ/ホットリロードされません。ブラウザーをリフレッシュしても解決しません。開発サーバーを停止してもう一度起動することだけが、コードへの新しい変更を捕捉します。

どのように解決するのですか?

ユーザーガイドの「トラブルシューティング」はご覧になりましたか？

そこには この問題のいくつかの一般的な原因 :

ファイル保存時に npm start が実行されている間にファイルを保存すると、ブラウザは更新されたコードでリフレッシュするはずです。

これが起こらない場合、次の回避策のうちの 1 つを試してください。

• プロジェクトが Dropbox フォルダーにある場合、それを移動してみてください。
• というファイルがウォッチャーに表示されない場合、そのファイルには index.js という名前のファイルがなく、 フォルダ名で参照している場合は ウォッチャーを再起動する必要があります。 という Webpack のバグが原因です。
• Vim や IntelliJ など一部のエディタには "safe write" 機能があり、現在ウォッチャーが壊れています。これを無効化する必要があります。の説明に従ってください。 "vimでスワップファイル作成を無効にする" .
• プロジェクトのパスに括弧が含まれている場合、括弧のないパスにプロジェクトを移動してみてください。これは Webpack ウォッチャーのバグ .
• Linux や macOS では、以下のように システム設定を調整する を調整して、より多くのウォッチャーを許可する必要があるかもしれません。
• プロジェクトが (Vagrant でプロビジョニングされた) VirtualBox などの仮想マシン内で実行される場合、VirtualBox のインスタンスとして .env ファイルが存在しない場合は、プロジェクトディレクトリに CHOKIDAR_USEPOLLING=true を追加してください。こうすることで、次に npm start を実行するとき、ウォッチャーは VM 内部で必要に応じてポーリング モードを使用します。

もしこれらの解決策が役に立たなければ、コメントを残してください。 このスレッドに .

お役に立てれば幸いです