💥에러메세지

The template root requires exactly one element vue/no-multiple-template-root

Untitled

Untitled

✏ Vue 버전2에서는 template 태그 안에 반드시 루트태그(<div>)가 있어야 했지만, 버전3에서는 에러가 아니다.

다만, Eslint가 아직 버전3의 바뀐 내용을 적용하고 있지 않아서 에러인것처럼 빨간색 줄이 가는 현상이 일어난 것이다.

🔑 template 태그 안에 최상위 태그로 div루트 태그를 생성해주면 error는 해결!

Untitled