Frontend/Nuxt.js

[Nuxt/error] [vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin-vue

SOLYI 2022. 2. 1. 04:27

The ul element represents a list of items, where the order of the items is not important — that is, where changing the order would not materially change the meaning of the document.

[vue/no-multiple-template-root]
The template root requires exactly one element.
eslint-plugin-vue

ul 요소는 항목의 목록을 나타내며, 항목의 순서가 중요하지 않습니다. 즉, 순서를 변경하면 문서의 의미가 크게 변경되지 않습니다.
[vue/no-super-root]
템플릿 루트에는 정확히 하나의 요소가 필요합니다.eslint-plugin-vue

 

아래는 오류 발생 예시

<template>
  <h1>product page</h1>
  <div>
    <ul>
      <li>상품1</li>
      <li>상품2</li>
      <li>상품3</li>
    </ul>
  </div>
</template>

 

아래는 해결 방법 예시 

<template>
  <div>
    <h1>product page</h1>
    <ul>
      <li>상품1</li>
      <li>상품2</li>
      <li>상품3</li>
    </ul>
  </div>
</template>
반응형