Lösen Sie das Problem, dass bei der Hot-Bereitstellung Dateiänderungen in Webpack nicht erkannt werden

Im Folgenden werde ich einen Artikel mit Ihnen teilen, der das Problem löst, dass die Webpack-Hot-Bereitstellung Dateiänderungen nicht erkennt. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.

Als ich heute mit Webpack entwickelte, stellte ich plötzlich fest, dass die Hot-Deployment-Funktion nach der Änderung der Datei nicht funktionierte. Es fühlte sich an, als ob Webpack die Dateiänderung nicht erkennen konnte. Nachdem ich lange gekämpft hatte, dachte ich immer, es gäbe ein Problem mit meinem Code. Ich habe die Maschine jedoch versehentlich neu gestartet und festgestellt, dass sie erneut im laufenden Betrieb bereitgestellt werden konnte. Beobachten Sie also weiter.

Einen Tag später kam es erneut zu einem Unglück und das Problem trat erneut auf.

Nach einigen Recherchen stellt sich heraus, dass die Hot-Deployment-Funktion von Webpack inotify zur Überwachung von Dateiänderungen verwendet, wobei fs.inotify.max_user_watches die Anzahl der Uhren darstellt, die von demselben Benutzer gleichzeitig hinzugefügt werden können (watches gelten im Allgemeinen für Verzeichnisse, die die Anzahl der Uhren bestimmen, die gleichzeitig von demselben Benutzer hinzugefügt werden können. (Die Anzahl der Verzeichnisse, die Benutzer überwachen können)

Daher habe ich den aktuellen max_user_watches-Wert überprüft System

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

8192 ist der Standardwert. Möglicherweise ist dieser Wert zu klein und das Dateiverzeichnis unter meiner App ist zu groß, daher habe ich versucht, ihn zu ändern.

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

Nachdem ich ihn geändert habe , überprüfen Sie das Änderungsergebnis

rrree

Okay, versuchen Sie, das Ergebnis zu ändern und die Hot-Deployment-Funktion von Webpack erneut zu testen.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So implementieren Sie globale Registrierung und lokale Registrierung in Vue-Komponenten

So implementieren Sie benutzerdefinierte globale Methoden in Vue

So realisieren Sie die Dateninteraktion zwischen untergeordneten Komponenten in Vue2.0

Das obige ist der detaillierte Inhalt vonLösen Sie das Problem, dass bei der Hot-Bereitstellung Dateiänderungen in Webpack nicht erkannt werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!