vuejs / core

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
https://vuejs.org/
MIT License
45.68k stars 8.01k forks source link

bugs: teleport component throw domexception with router change #9375

Closed yangtoude closed 9 months ago

yangtoude commented 9 months ago

Vue version

3.3.4

Link to minimal reproduction

https://github.com/yangtoude/vue3-teleport-domexception-bug

Steps to reproduce

  1. Download the code

  2. Installation dependencies

  3. npm run dev

  4. Open the page using Chrome browser and open the console. Click on the "to about" button on the page, and you will see a white screen and an error message from the console

What is expected?

  1. Teleport can be used normally, and routing can be switched normally without any errors

What is actually happening?

When using Teleport, switch routes, the page appears white, and the console reports an error

System Info

System:
    OS: macOS 14.0
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 1.32 GB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.17.1 - ~/.nvm/versions/node/v18.17.1/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 9.8.1 - ~/.nvm/versions/node/v18.17.1/bin/npm
    pnpm: 8.6.6 - ~/Library/pnpm/pnpm
  Browsers:
    Chrome: 118.0.5993.70
    Edge: 112.0.1722.54
    Safari: 17.0
  npmPackages:
    vue: ^3.3.4 => 3.3.4

Any additional comments?

No response

kaine0923 commented 9 months ago

duplicate of #9071

baiwusanyu-c commented 9 months ago

As @kaine0923 said