HMR not reloading the page
Vue version
3.2.45
Link to minimal reproduction
Steps to reproduce
- Open App.vue
- Add some texts inside of
<HelloWorld>....</HelloWorld>
What is expected?
The HMR update should reload the page to apply the changes
What is actually happening?
You can see in the console that an HMR udpate is broadcasted.
[vite] hmr update /src/App.vue
In the chrome devtools, you can see the update being broadcasted:
[vite] hot updated: /src/App.vue
But nothing is updated
System Info
System:
OS: Windows 10 10.0.22621
CPU: (20) x64 Intel(R) Core(TM) i9-10850K CPU @ 3.60GHz
Memory: 14.96 GB / 31.86 GB
Binaries:
Node: 16.14.2 - C:\Program Files\nodejs\node.EXE
npm: 8.12.2 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: Spartan (44.22621.819.0), Chromium (107.0.1418.24)
Internet Explorer: 11.0.22621.1
npmPackages:
vue: ^3.2.45 => 3.2.45
Any additional comments?
- The issue is the same, no matter if the Vue project is served through vite or vue cli
- According to @sapphi-red ( https://github.com/vitejs/vite-plugin-vue/issues/3) vite is properly calling the
__VUE_HMR_RUNTIME__.rerender
I faced the same problem and reproduced it.
Add any content to the slot of any Column component (or direct in link below). HMR will won't work.
I am having the same issue in Vue 3.3.0 - Bug: HMR does not work in 3.3 alpha 9
Another related issue: [Bug] Vue 3 HMR does not work inside a default slot using PrimeVue