Skip to content

teleport + HMR + async ref mutation breaks on component edit #3641

@zigomir

Description

@zigomir

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 [email protected]: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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    🔨 p3-minor-bugPriority 3: this fixes a bug, but is an edge case that only affects very specific usage.🐞 bugSomething isn't workingscope: hmr

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions