In development mode, there may be an issue where shapeFlag cannot be read

[tbhuabi]

Vue version

3.4.27

Link to minimal reproduction

https://play.vuejs.org/#eNqNVE2PmzAQ/StTVAmQEBzaEyLpR7SH7aGt+nEqPVDjBG+MbdkmZRXx3zu2A0lW6Wovwcy8eX5vZsIx+qBUfhhoVEaVpb3ijaXrWgBULTsA4Y0xqzrSUto68vGQOR3xhcheSUGFhZI5KNEUKTYd422SYk1VLIi5vjgTXHP9GayVAt4TzsgeuZq2RQb83SBbVYT0/+Ga9vJAsSIcvIYnVee751NVXNiuDNFMWeCN2CGhNXUEhtpBYY6hC22BOFbYatlDnBf+zfUvXgBH2FG7GbRGx/fC2EYQmkEH06kogGtBJCaBnRCwulGWpK9mXKM1Qn75+3678u0giGVo/6LhkKRwdOY0atYCuiRGk3GGmvwkS4g5MzaGKXOEed+oJGEZimjpmMJqHaov6jF5CgHs6WMZoCEype45pfiYrhThwBYl7ho1mC7xyn3FbDlXWo6P7/LXW6kJ/alatIEr84QszPKaTyqHexFTVYSR4gBrEWU4Uuznlu3yByMFLr0nxa3FHWWc6i/KXYpjL2ffuIWcy7+ffMzqgWZznHSU7G/EH8zoYnX0VVNDtdvIJWcbjWMO6bvvn+mI5yXZy3bgiH4m+Y0ayQenMcA+DqJF2Rc4r/beryITux/mbrRUmNmUE+qn5vF1hMu4ecb6We6b/K2vw6ZiF5e1v/nZWI/jePPvFU3/ABkpeuo=

Steps to reproduce

step 1: click the addChild button
step 2: click the removeChild button

What is expected?

In development mode, there should be the same behavior as in production mode

What is actually happening?

I need to be more flexible in using Vue's rendering capabilities, but due to insufficient understanding of Vue, I cannot solve this problem on my own

System Info

No response

Any additional comments?

No response

[jh-leong]

duplicate of #10547

[edison1105]

close as duplicate