Skip to content

Cannot mount an app within an app #5661

@sallen450

Description

@sallen450

Version

3.2.31

Reproduction link

sfc.vuejs.org/

Steps to reproduce

Click the 'unmount app' button

The error message will show in the Developer Tools Console

TypeError: Cannot read properties of null (reading 'nextSibling')

What is expected?

No error on app.unmount() when the fragment dom content is not exist

What is actually happening?

There is an error on app.unmount() when the fragment dom content is not exist


Combine usages of x6 and AntdVue

  1. Create a component Foo.vue which the root element is a Popover component. The AntdVue Popover component is a fragment implemented inside
  2. registerVueComponent with Foo, named this x6 node 'foo-node'
  3. Render some custom node of 'foo-node'
  4. Call removeCells of x6 to remove these nodes
  5. Show error and the x6 content area is not responsive, because x6 does not handle exception of unmount error

Maybe this error will occur in some other scenarios when app.unmount()

  1. Some browser extensions maybe clear the content of the fragment dom container
  2. In micro frontend, the sub app is a fragment, root app clear sub app dom content by mistake

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions