HMR mit Server-Rendering verursacht ungültige Prüfsumme

Question

Ich habe eine Express-Server-Anwendung, die mit Webpack gebündelt ist. Die Client-Seite wird ebenfalls mit dem Webpack gebündelt und vom Server über die Webpack-Dev-Middleware und die Webpack-Hot-Middleware für HMR im Entwicklungsmodus bedient.

Wenn ich eine React-Komponente ändere, geschieht die Änderung in der Client-Seite, wie es sollte, das Problem kommt, als ich begann, HMR zu verwenden.

Da die Komponenten im Client Hot-ersetzt wird verwendet es die "neue" Version der Datei, aber der Server ist immer noch mit dem alten stecken, da es mit Webpack gebündelt wurde, also beim Server-Rendering der beiden Die Ergebnisse sind unterschiedlich. Gibt es eine Möglichkeit, den Server auch beim Ändern einer Komponente zu ändern?

Answer 1

try Ihren Server-Seite express Code mit heißem Nachladen mit so etwas wie dieser verpackung:

https://github.com/mdlawson/piping

Piping „hot Nachladen“ -Funktionalität zu Knoten hinzufügt, beobachtet alle Projektdateien und Nachladen, wenn irgendetwas Änderungen, ohne eine "Wrapper" -Binärdatei zu benötigen.