vue-loader HMR with "webpack serve --hot" works only on first change of .vue files

HMR with "webpack serve --hot" works only on first change of .vue files

Open dsine-de opened this issue 4 years ago • 2 comments

Version

16.0.0-rc.2

Reproduction link

https://github.com/dsine-de/vue3-webpack5

Steps to reproduce

Clone Github Repository
"npm i" (with Node.js 14.x installed)
"npm run dev1"
Open http://localhost:8080/ in browser
Edit "src/vue/app.vue" - e.g. change the console.log message "created" to "created 1"
See the changes in the browser console log ("created 1")
Edit "src/vue/app.vue" again (e.g. "created 2")
See browser log - either "Nothing updated" or no log message after "App updating..."

What is expected?

Second time changes in .vue files after starting "webpack serve --hot" should be hot reloaded in the browser.

What is actually happening?

Only the first change in .vue files is hot reloaded.

Changing "src/js/index.js" file works even on subsequent changes (although with a full reload - which is probably expected because it's the webpack entry / Vue.js root).