When dynamically updating the <ion-item> within the <ion-radio-group>, you encounter the error "NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node." #13184
Labels
need more info
Further information is requested
Vue version
3.5.13
Link to minimal reproduction
https://play.vuejs.org/#eNp9VNtu2zAM/RXBL02AxG6SFRi8pOhWFEMG7IKu28vcB89mUrW2JOiStQjy7yMlx1GKtn6wJfKIPDykvE0+KpVuHCR5MjeV5soyA9ap80LwVklt2ZZpWI3YGuyl0xqEXQpjS1HBiEnxVTphoWY7ttKyZScY6SQ6uZSCV78d7P1FcsHJlCGuSD4ckIVgBF5aaEfd+rqsufyspVNHFty8FqwQlURurFSKLV4gPBim6LqUyPjR0hLP4Dt1BgZ7psMojoEGKqzul+B2WWNIFGJQJEVCoABx6DKd5w/R3DJe52wyYqJsIUeOk8mkSNjO1xCc04NzOp12zluK2es5GAzZ4jzIQolkA2kj15i8hwQWjLp1w1uQzsaHWGCWbsoG1V94avS8wSAGzA6A2WwWAW7psxuxs9PT0yF2gjjMszA4ODK4wQ6qprSAO8bm2KCxpraN19RJthm3soZmUSTH4mKKvGwa+W+Mx+3TOHjxNCKtpv76ePT4mBzTYLCV1AigUhkXoWSK9ABPnTnlGLo/GhNiudcmxrGm/AvNGOlX0OLcoA8E2e+dsXxFMXGQtD2KiJJtfeaUFGO7XZQs67Md2Hsb0e9MEShohPZ5FqmIW2OfGlqi0n6VjJJwccZtqdJ7IwVeX9/3onOgDPl+Evp7UkmNQlJT76xVJs8yJ9TDOq1km0WQi/fpWTrJam4scUOrf6dgWsxVJN0oHF+/OCoBzd0+JLpDRLw5NDw4NcjfGpzrFV8/Y49UFG9Af1fU/OMq/Hx88TYaiZ5GdQfVwwv2e/MYeP3QYEBvkGXvwzbi/yG4r35+w/9B5MQRdU1X0yvOa8A76YhjgH1yokbaEc6zXfpmcLG+MVePFoTZF+Vn2l+lUDeKdPlG6Qe6s/Rdr+LuPz9/4F4=
Steps to reproduce
等待5秒;
然后就会报错: NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.
What is expected?
渲染新的数据
What is actually happening?
移除的不会导致错误;
增加会导致错误;
System Info
Any additional comments?
我在 ionic 提交了错误报告: ionic-team/ionic-framework#30343 (comment);
那边分析说是 vue 渲染行为导致的该问题; 这是一个错误吗?
只在 <script lang="ts" steup> 下存在该问题;
The text was updated successfully, but these errors were encountered: