Hot reload problem when use keep-alive wrap router-view with a dynamic key

[hxlyd]

Version

13.3.0

Reproduction link

https://codesandbox.io/s/vyy3yokjj0

Steps to reproduce

1.modify the code in the script tag of the Hello component

2.the router-view component disappear from the page

3.we can find the component is activated with devtools

What is expected?

Hot reload normally

What is actually happening?

Have to refresh the page manually each time modify the code

[maksnester]

I came here to report this issue back here, but it's already reported, so I just share the original issue from vue-router then to create a link.

vuejs/vue-router#2150

[twickstrom]

Does anyone have a work around?

[franciscolourenco]

Anyone? :)

[NikitaKA]

Still nothing?

[mcoope31]

This still persists. Is everyone using keep-alive just refreshing each time still?

[twickstrom]

This still persists. Is everyone using keep-alive just refreshing each time still?

For the most part... sigh

[vitto32]

Very annoying.
I just spent a few hours to find where the issue comes from (blank page after HMR).
In my case it seems to happen only if the edit involves a new line character.

[ThomasKientz]

@mcoope31

This still persists. Is everyone using keep-alive just refreshing each time still?

I am commenting <keep-alive> while working on a component inside scoped inside it.

[7iomka]

Any workaround?

[mcoope31]

The best workaround I found is
<nuxt :keep-alive="!isDev" />
where isDev = process.env.NODE_ENV === 'development'

haven't thought about it since.