Проблема с vue
Проблема с vue js
Оформил шапку документа header и хотел перейти к main, но выдало ошибку со следующим содержанием:
Errors compiling template:
Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
14 | </div>
15 | </div>
16 | </header>
|
17 | <main></main>
| ^^^^^^^^^^^^^
18 |
Иначе говоря: шаблон компонента должен содержать ровно один корневой элемент. Если вы используете v-if для нескольких элементов, вместо этого используйте v-else-if для их объединения.
Никаких компонентов в проекте я не использую. Подскажите пожалуйста, что делать?
Тут все очевидно и понятно написано. Если сразу к проблеме, все элементы должно быть обернуты в один див. То есть так
<div>
<header></header>
<main></main>
</div>