web-dev-qa-db-ja.com

create-react-appの開発サーバーが自動更新しない

私は tutorial on React create-react-appを使用しています。アプリケーションは create-react-app v1.3.0で作成されています

create-react-app my-app

Devサーバーは以下によって実行されます

npm start

コードを数回変更した後、ブラウザーは変更によってライブ/ホットリロードが更新されません。ブラウザを更新しても効果はありません。開発サーバーを停止して再度開始するだけで、コードに対する新しい変更がキャプチャされます。

javascriptreactjscreate-react-app
16
elpddev

ユーザーガイドの「トラブルシューティング」セクションを見ましたか？
これは、 この問題のいくつかの一般的な原因 を説明しています。

npm startの実行中にファイルを保存すると、ブラウザは更新されたコードで更新されます。

これが発生しない場合は、次の回避策のいずれかを試してください。

  • プロジェクトがDropboxフォルダーにある場合は、移動してみてください。
  • ウォッチャーにindex.jsというファイルが表示されず、フォルダー名で参照している場合、Webpackのバグにより ウォッチャーを再起動する必要があります になります。
  • VimやIntelliJなどの一部のエディターには、現在ウォッチャーを中断させる「安全な書き込み」機能があります。無効にする必要があります。 「安全な書き込みをサポートするエディターでの作業」 の指示に従ってください。
  • プロジェクトパスに括弧が含まれている場合は、括弧のないパスにプロジェクトを移動してみてください。これは Webpack watcherのバグ が原因です。
  • LinuxおよびmacOSでは、より多くのウォッチャーを許可するために システム設定の調整 が必要になる場合があります。
  • （Vagrantでプロビジョニングされた）VirtualBoxなどの仮想マシン内でプロジェクトを実行する場合、プロジェクトディレクトリに.envファイルが存在しない場合は作成し、CHOKIDAR_USEPOLLING=trueを追加します。これにより、次回npm startを実行するときに、VM内で必要に応じてウォッチャーがポーリングモードを使用するようになります。

これらの解決策のいずれも役に立たない場合は、コメントを残してください このスレッドで 。

これがお役に立てば幸いです！

19
Dan Abramov

スーパーユーザー権限でnpm startを試しましたか？プロジェクトに問題があり、このように解決しました。

$Sudo bash
#npm  start
15
JiN

npm run startを介してサーバーを起動すると、同じ問題に出くわしました。 npm startに変更すると、期待どおりに機能しました。

0
Sinister Beard

Linuxを使用している場合は、rootアクセスで動作するかどうかを確認してください。存在する場合は、サーバーを停止して強制を無効にします（詳細については、man selinux）。

Sudo setenforce 0

（ルートなしで）サーバーを再起動すると、動作する可能性があります。

0
Benbout62