关于The template root disallows ‘＜template＞‘ elements. 错误解决方法

情况一：

报错原因

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

解决方法

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

情况二：

报错原因

在vue2 中只允许里存在一个<template>节点，而vue3中可以存在多个<template>节点。我们使用的vetur插件按照了vue2的标准所以报错。

解决方法

1.打开vscode扩展，找到vetur插件，点击设置齿轮中的扩展设置；

 2.打开设置后滑至最下方vetur>validation>template配置，将该设置取消勾选！！！