Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

HMR issue with named slots

See original GitHub issue

Version

2.6.5

Reproduction link

https://github.com/AlexandreBonaventure/vue-hmr-bug

Steps to reproduce

run the dev server
change the content inside the named slot test here : https://github.com/AlexandreBonaventure/vue-hmr-bug/blob/master/src/App.vue#L5
see in the browser nothing has changed
uncomment that: https://github.com/AlexandreBonaventure/vue-hmr-bug/blob/master/src/App.vue#L4
see in the browser HMR is working again as expected

What is expected?

That HMR works even if the default slot is not overriden.

What is actually happening?

If the default slot is not overridden (content set in the parent scope), HMR does not trigger a re-render for named slots content.

ps: sorry here for the minimal repro with a build step, but dunno how else we can do it!

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:12 (1 by maintainers)

Top GitHub Comments

2reactions

yyx990803commented, Feb 11, 2019

Fixed in vue-hot-reload-api 2.3.2: https://github.com/vuejs/vue-hot-reload-api/releases/tag/v2.3.2

0reactions

RowinRuizendaalcommented, May 19, 2022

Any updates on this? I am still experiencing the issue 😦

Top Results From Across the Web

Vue HMR only works for changing to existing DOM nodes ...

I've been using the included Hot Reload in Vue since starting a project, but it has randomly stopped working. At the moment, changing...

Using templates and slots - Web Components | MDN

Slots are identified by their name attribute, and allow you to define placeholders in your template that can be filled with any markup...

Build Modern Laravel Apps Using Inertia.js: Persistent Layouts

I'm using multiple named slots and haven't found a way around to use ... (https://github.com/inertiajs/inertia/issues/171) not fixed yet.

Nuxt 3 first steps. - ITNEXT

Something is wrong with HMR (Hot Module Replacement) and it's not stopping after the app is running, it's constantly refreshing — not waiting...

Select | Quasar Framework

HMR for PWA ... HMR for PWA ... v-slot:prepend> <q-icon name="event" /> </template> </q-select> <q-select standout v-model="model" :options="options" ...