[Nuxt3] ??.vue does not have a single root node and will cause errors when navigating between routes. 해결하기

에러 메시지 : 최상위 루트 로드가 하나가 아니라는 에러 메시지. vue는 아래처럼 template아래 전체를 묶는 단일 노드가 필요하다.

<template>
  <section>
    <h1>비밀번호 찾기</h1>
  </section>
</template>

 

문제발생 : 하지만, 나는 최상위 루트 로드가 하나였다! 그런데도 저러 메시지가 뜨고 실제로 path navigating에 문제가 생겼다. 내 코드는 아래와 같이 생겼었다.

의심: 혹시 template아래에 주석이 있어서 그런가?

해결: 주석을 제거하니 에러가 사라졌다. 오