Vue.js) Component inside <Transition> renders non-element root node that cannot be animated. 에러 해결

관련 링크 첨부합니다.

https://stackoverflow.com/a/68561753

Vue 3 – renders non-element root node that cannot be animated

 

제가 위와 같은 에러가 뜬 이유는

<template>

     home

</template>

다음과같이 div안에 내용을 넣지 않고 그냥 쌩자로 글을 넣어서 발생하는 문제였다.
template 태그안에 div를 parent 중심으로 코드를 짠다면 에러가 발생하지 않을것이다.

<template>

     <div>home</div>

</template>

 

참고가 되었다면 하단에 광고버튼 한번 부탁드리겠습니다.