728x90
https://eslint.vuejs.org/rules/no-multiple-template-root.html
vue/no-multiple-template-root | eslint-plugin-vue
eslint.vuejs.org
Vue 2에서는 템플릿 내에서 여러 개의 루트 노드를 가지면 안된다.
즉, 하나의 태그(루트 태그) 안에 다른 태그를 작성해야 오류를 막을 수 있다.
🚨 오류
위의 코드를 예로 3번째 줄에 오류가 생긴 것을 확인할 수 있다.
오류를 찾아서 확인해보면
위와 같이 "no-multiple-template-root"라는 오류로
템플릿에서는 하나의 태그를 루트로 가진다. 라고 나와있다.
✅ 해결
이런 식으로 하나의 태그를 만들어 안에 다른 태그들을 넣어주면 된다.
728x90
'실전 오류 해결 팁 > Vue' 카테고리의 다른 글
| [Vue] 새로고침 시 데이터 유지 (0) | 2023.04.03 |
|---|---|
| [Vue] 이벤트 발생(emit) (0) | 2023.04.03 |
| [Vue] 라우터(Router) (0) | 2023.03.21 |
| [Vue] 컴포넌트 생성 시 이름 규칙 (0) | 2023.02.19 |
| [Vue] 프로젝트 생성 (0) | 2023.02.18 |