前言

近段时间，我正在使用Vue + Element进行新的项目开发。在刚使用完NavMenu组件，准备添加下一项组件时，发生了报错。

报错内容

Vue Error: The template root requires exactly one element. 

详见下图：

VSCode 中报错信息

Node中报错信息

报错原因

Vue只允许模板里存在一个根节点。

解决方案

在 <template> 中添加一个 <div>标签，之后所有的组件全部加在 <div>即可解决。