2017-04-07 6 views
1

をリフレッシュしません。 アプリケーションは、コードを複数回変更した後開発サーバは自動的には、私が作成-反応するアプリを使用して反応させ、上<a href="https://egghead.io/courses/react-fundamentals" rel="nofollow noreferrer">tutorial</a>を、次の午前

npm start 

によってcreate-react-app v1.3.0デベロッパー

create-react-app my-app 

のdevのサーバーが実行されてによって作成され、ブラウザが変更とホット/ライブリロードを更新されません。ブラウザを更新することは役に立ちません。 devのサーバーを停止し、それをもう一度やり直すだけで、コードの新しい変更が取得されます。

+0

'http:// localhost:3000 /'であなたのアプリケーションにアクセスしていますか? –

+0

@JoeClayはい。ブラウザが起動し、ページが表示されます。このページ自体は、コードの新しい編集では変更されません。 – elpddev

答えて

1

「ユーザーガイド」の「トラブルシューティング」のセクションはありますか?
それはa few common causes of this problemについて説明します。

npm startの実行中にファイルを保存すると、ブラウザが更新されたコードを更新しなければなりません。

これが起こらない場合は、次のいずれかの回避策を試してください:

  • プロジェクトは、Dropboxのフォルダ内にある場合は、それを移動してみてください。
  • あなたはWebPACKのバグが原因need to restart the watcher、ウォッチャーはindex.jsというファイルを見ていないと、フォルダ名によってそれを参照している場合。
  • のVimとのIntelliJのようないくつかのエディタは、現在ウォッチャーを破る「安全な書き込み」機能を持っています。それを無効にする必要があります。 “Working with editors supporting safe write”の指示に従ってください。
  • プロジェクトのパスにかっこが含まれている場合は、プロジェクトをパスなしで移動してみてください。これはWebpack watcher bugによって引き起こされます。
  • LinuxとMacOSで、あなたはより多くのウォッチャーを許可するtweak system settingsに必要がある場合があります。
  • (Vagrantがプロビジョニングした)VirtualBoxなどの仮想マシン内でプロジェクトを実行する場合は、プロジェクトディレクトリに.envというファイルが存在しない場合は作成し、CHOKIDAR_USEPOLLING=trueを追加します。これにより、次にnpm startを実行するときに、ウォッチャーは必要に応じてVM内でポーリングモードを使用します。

これらのいずれも解決策がない場合は、in this threadのコメントを残してください。私はこれが役に立てば幸い

+0

ありがとう、あなたは死んでいた。私はVimを使っていました。 'set backupcopy = yes'を設定すると、ドキュメントへのリンクにあるように問題が解決されました。 – elpddev

0

あなたは、スーパーユーザー権限を持つNPMの開始を試みたことがありますか?私は私のプロジェクトに問題がありました。私はこのように解決しました。

$sudo bash 
#npm start 
+0

答えをありがとう。これはうまくいかなかった。 sudoではなく、rootユーザーでもありません。 – elpddev

関連する問題

 関連する問題