A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/vuejs/vue-next/issues/3641 below:

teleport + HMR + async ref mutation breaks on component edit · Issue #3641 · vuejs/core · GitHub

Version

3.0.11

Reproduction link

https://github.com/zigomir/teleport-hmr-repro

Steps to reproduce

I tried putting reproduction on to codesandbox, but HMR wouldn't work there anyway, so it's better to do locally.

  1. git clone git@github.com:zigomir/teleport-hmr-repro.git
  2. yarn or npm install
  3. yarn dev or npm run dev
  4. open http://localhost:3000 and open browser dev tools
  5. see how random number is refreshing every second
  6. edit App.vue and see error in console & random error not re-rendering anymore, aka app breaks
  7. if you comment out teleport tag and reload page, HMR works and random number updates as expected

Might be related to #3560 but not sure.

What is expected?

HMR and app keep working.

What is actually happening?

It breaks.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4