Gissues: 使用keepalive+suspense缓存asyncsetup组件时切换过快就会报错null of parentNode

lopck

May 24th 2022

Vue version

3.2.36

Link to minimal reproduction

https://github.com/lopck/vue3-test

Steps to reproduce

在这里如果等一个组件加载完再切换其他的组件不会出问题，但是如果组件还没加载完成就切换到其他的组件，多点几次就会出问题，就是快速的来回切换多个组件就会触发这个bug

What is expected?

如果组件还没加载完就切换应该是在后台继续加载，然后切换到你新的组件

What is actually happening?

在这里如果等一个组件加载完再切换其他的组件不会出问题，但是如果组件还没加载完成就切换到其他的组件，多点几次就会出问题，就是快速的来回切换多个组件就会触发这个bug

System Info

runtime-dom.esm-bundler.js?2725:35 
        
       Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')
    at parentNode (runtime-dom.esm-bundler.js?2725:35:1)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?d2dd:5124:1)
    at ReactiveEffect.run (reactivity.esm-bundler.js?89dc:185:1)
    at updateComponent (runtime-core.esm-bundler.js?d2dd:4983:1)
    at processComponent (runtime-core.esm-bundler.js?d2dd:4916:1)
    at patch (runtime-core.esm-bundler.js?d2dd:4504:1)
    at patchBlockChildren (runtime-core.esm-bundler.js?d2dd:4821:1)
    at patchElement (runtime-core.esm-bundler.js?d2dd:4729:1)
    at processElement (runtime-core.esm-bundler.js?d2dd:4584:1)
    at patch (runtime-core.esm-bundler.js?d2dd:4501:1)