Subscribe on changes!

bugs: teleport component throw domexception with router change

avatar
Oct 11th 2023

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

avatar
Oct 11th 2023

duplicate of #9071

avatar
Oct 11th 2023

As @kaine0923 said