0

アプリを開発するためのライブ編集を行うために、webpackのホットローダーの動作バージョンを取得しようとしています。チュートリアルに従った後、ライブ編集を機能させることができなかったので、ゼロから始めることにしました。

React Hot Loader ボイラープレートのクリーンなレポを複製し、Dan Abramov のcreate-react-appを使用してみました。両方のアプリをビルドできます。コンソールにログが表示され[WDS] Hot Module Replacement enabledますが、ファイルを編集してもページのリロードやターミナルで何もトリガーされません。このトラブルシューティング ページでは、次のカテゴリに分類されます。

「[WDS] Hot Module Replacement enabled」と表示されますが、App.js を編集しても何も起こりません

Node 0.11.13 を実行している場合は、0.12 に更新してみてください。一部の人々は、これがこの問題の解決に役立ったと報告しました。また、ファイルと同じファイル名の大文字と小文字が必要であることを確認してください。App.js を使用して dorequire('app') を実行すると、一部のシステムでウォッチャーが機能しなくなる可能性があります。

OS X には、ファイル システムの変更の監視に関して、一部のフォルダが「破損」するという、まれに発生するバグもあります。ここにいくつかの推奨される修正があります。

トラブルシューティング ガイドのこの部分を見ましたが、何も機能していないようです。

Ubuntu 16.04 で npm v2.15.1 とノード v4.2.6 を実行しています。

4

1 に答える 1

0

問題は、Ubuntu のウォッチャーにありました。Ubuntu でdmsesgログを確認しようとしたところ、inotify リソースが使い果たされており、使用できないことがわかりました。

$ tail -f /var/log/dmesg 
(Nothing has been logged yet.)
tail: inotify resources exhausted
tail: inotify cannot be used, reverting to polling

react-hot-loaderのトラブルシューティング ページから:

Ubuntu ユーザー (およびおそらく他のユーザー): echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p.

その後、ホットローダーは期待どおりに機能しました。

于 2016-08-01T14:07:38.287 に答える