Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

HMR not working after failed hydration #7706

Open
dmtkpv opened this issue Feb 13, 2023 · 1 comment · May be fixed by #12262
Open

HMR not working after failed hydration #7706

dmtkpv opened this issue Feb 13, 2023 · 1 comment · May be fixed by #12262
Labels
scope: hmr scope: ssr

Comments

@dmtkpv
Copy link

dmtkpv commented Feb 13, 2023

Vue version

3.2.45

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-knf34v?file=App.vue

Steps to reproduce

Сhange a value e.g. const a = ref(2)

What is expected?

Value is changed on the web page

What is actually happening?

HTML is removed from <div id="app" />

System Info

No response

Any additional comments?

No response
@Jevon617
Copy link

During HMR reload, the div element is unmounted. However, in SSR mode, the mountComponent process does not remount the div element but hydrates it instead, causing the issue of the div element being deleted.

Jevon617 added a commit to Jevon617/core that referenced this issue Apr 27, 2023
@Jevon617
fix(runtime-core): hydration should not be performed during the HMR r…
0513099 
…eload process(fix vuejs#7706)
@Jevon617 Jevon617 mentioned this issue Apr 27, 2023
Closed
This was referenced Oct 25, 2024
Closed
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
scope: hmr scope: ssr
Projects
None yet
Milestone
No milestone
3 participants
@haoqunjiang @Jevon617 @dmtkpv