ホームページ  >  記事  >  ウェブフロントエンド  >  ホットデプロイメントが Webpack でのファイル変更を検出しない問題を解決する

ホットデプロイメントが Webpack でのファイル変更を検出しない問題を解決する

亚连
亚连オリジナル
2018-06-05 15:09:561653ブラウズ

以下に、Webpack のホット デプロイメントでファイルの変更が検出されない問題を解決する記事を紹介します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。

今日Webpackで開発をしていたら、ファイルが変更された後、ホットデプロイメント機能が動作しなくなったことに気づきました。Webpackがファイルの変更を検出できないように感じました。長い間苦労した後、自分のコードに問題があると常に思っていましたが、誤ってマシンを再起動したところ、再びホットデプロイできることがわかりました。幽霊を見たようでした。それで観察を続けてください。

一日後、再び不幸が起こり、問題が再び発生しました。

いくつかの調査の結果、Webpack のホット デプロイメント機能はファイルの変更を監視するために inotify を使用していることがわかりました。ここで、fs.inotify.max_user_watches は、同じユーザーが同時に追加できる監視の数を表します (監視は通常、ディレクトリに対して行われます)。同じユーザーが同時に監視できる監視の数を決定します。ディレクトリの数)

そこで、システムの現在の max_user_watches 値を確認しました

$ cat /proc/sys/fs/inotify/max_user_watches
8192

この値もデフォルト値である可能性があります。小さくて、アプリ配下のファイルディレクトリが多すぎるので、修正してみました

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

修正 後で修正結果を確認してください

$ cat /proc/sys/fs/inotify/max_user_watches
524288

それでは、修正結果を試して、Webpackのホットデプロイ機能をもう一度テストしてください、すべては普通。

上記は私が皆さんのためにまとめたもので、将来的に皆さんのお役に立てれば幸いです。

関連記事:

vueコンポーネントでグローバル登録とローカル登録を実装する方法

vueでカスタムグローバルメソッドを実装する方法

Vue2.0インタラクションでサブ兄弟コンポーネント間のデータを実装する方法

以上がホットデプロイメントが Webpack でのファイル変更を検出しない問題を解決するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。