vue运行报错Component template should contain exactly one root element

问题：

今天在uniapp上运行代码遇到如下报错Component template should contain exactly one root element

查看代码，原因分析：

报错翻译出来的意思是;组件模板应该只包含一个根元素
报错代码如下，该项目使用的vue3。

这里的template中包了2个view模块，而vue3只允许包含一个儿。这是一个低级但小白非常容易犯的错误。

---

解决方案：

既然明白了问题根源，那么我们只需要在template中把这2个view包起来，就能解决。

---

成功：