Vue 报错: The template root requires exactly one element

error vue

字数统计: 179阅读时长: 1 min

 2022/08/26 

问题

工程里有这么一段代码：

<template>
    <img id="logo" alt="Wails logo" src="./assets/images/logo-universal.png"/>
    <HelloWorld/>
</template>

IDE 提示错误信息： The template root requires exactly one element.

这是因为 vue的模版中只能有一个根节点，所以在 <template>中插入第二个元素就会报错

将 <template>中的元素用一个大的 <div>包起来，这样就可以在其中添加多个元素了，可以参考以下示例：

<template>
  <div id="vue">
    <img id="logo" alt="Wails logo" src="./assets/images/logo-universal.png"/>
    <HelloWorld/>
  </div>
</template>

原文作者：Saki Shum

CATALOG