Click on NuxtLink renders empty page with error: The node before which the new node is to be inserted is not a child of this node.

Environment

• Operating System: Darwin
• Node Version: v16.14.0
• Nuxt Version: 3.0.0-27470397.9ebea90
• Package Manager: yarn@1.22.17
• Builder: vite
• User Config: modules, buildModules, dev, build, css, meta, app, publicRuntimeConfig, privateRuntimeConfig
• Runtime Modules: @nuxtjs/sitemap@2.4.0
• Build Modules: nuxt-purgecss@1.0.0, ~/modules/pages

Reproduction

Page pages/typo.vue

<template>
    <ContainerFluid>
        <article class="mt-10 mb-10">
            <h1>Headings</h1>
            <h1>H1 title</h1>
            <h2>H2 title</h2>
            <h3>H3 title</h3>
            <h4>H4 title</h4>
            <h5>H5 title</h5>
        </article>
    </ContainerFluid>
</template>

Link

<NuxtLink to="/typo">
     Typo
</NuxtLink>

Describe the bug

Everytime I click on NuxtLink, Nuxt renders empty page. Node <div id="__nuxt"></div> is always empty.

Randomly there is en error in the console:

Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

Additional context

No response

Logs

No response

[tsulatsitamim]

I can confirm that I have multiple root in layout and page. wrapping into single root element in page solve the problem. thank you.

[tiborpino]

I can confirm that I have multiple root in layout and page. wrapping into single root element in page solve the problem. thank you.

Same for me