Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Component inside <Transition> renders non-element root #14201

Closed
aslero opened this issue Jun 21, 2022 · 1 comment
Closed

Component inside <Transition> renders non-element root #14201

aslero opened this issue Jun 21, 2022 · 1 comment

Comments

@aslero
Copy link

aslero commented Jun 21, 2022

Environment

Component inside renders non-element root

Reproduction

Component inside renders non-element root

Describe the bug

Layout - dfault.vue

<main class="tw-relative">
    <slot/>
  </main>

in console log

runtime-core.esm-bundler.js:38 [Vue warn]: Component inside <Transition> renders non-element root node that cannot be animated. 
  at <Default > 
  at <AsyncComponentWrapper > 
  at <BaseTransition mode="out-in" appear=false persisted=false  ... > 
  at <Transition name="layout" mode="out-in" > 
  at <Anonymous> 
  at <App key=1 > 
  at <NuxtRoot>

Additional context

No response

Logs

No response

@danielroe
Copy link
Member

danielroe commented Jun 21, 2022

Your pages need to have a single root node.

(If they do, please provide a reproduction and I'll reopen.)

@danielroe danielroe closed this as not planned Won't fix, can't repro, duplicate, stale Jun 21, 2022
@danielroe danielroe added the 3.x label Jan 19, 2023
@danielroe danielroe transferred this issue from nuxt/framework Jan 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants