Skip to content

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

Open
@fcl999

Description

@fcl999

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> 下存在该问题;

Metadata

Metadata

Assignees

No one assigned

    Labels

    need more infoFurther information is requested

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions