Vue 프로젝트 설치할 때 선택한 Eslint 관련해서 에러인것 처럼 잡는 것이다.
실제로는 에러가 아니다.
Vue 2.0 버전에서는 template 태그 안에 반드시 루트 태그(div같은)가 있어야 에러가 아니였다.
에러메시지:
The template root requires exactly one element vue/no-multiple-template-root
그런데 Vue3.0 부터는 루트 태그가 없어서 에러가 아니다.
Eslint가 아직 Vue 3.0에 바뀐 내용을 모두 적용하고 있지 않아서 에러인것처럼 빨간색 줄이 가는 현상이다.
빨간줄을 없애고 싶다면, template 태그 안에 작성된 html 코드 최상위에 div같은 루트 태그를 사용하면 된다.
<template> <!-- 여기에 div 태그 선언 --> </template>
나의 공부 일기