Why does a reboot occur instead of Hot Module Replacement?

Question

Vue.js

Hello.
I do the command:
vue init webpack my-project
Next, I edit any .vue file and some element is inserted without reloading the page, that is, webpack's HMR is triggered. In this init, webpack version 2.7.0 is set by default, I install the latest version 3.6.0 and the HMR module stops working, i.e. even if the CSS changes, the browser reloads. Didn't touch any configs. How to fix, does anyone have a solution? I will be grateful!

Answer 1

This problem is exactly the transition from webpack 2 to webpack 3.x.
Here is a pull request that solves the problem: https://github.com/vuejs-templates/webpack/pull/891
And here is the issue of the problem https://github.com/vuejs-templates/webpack/issues/751