解决Component template should contain exactly one root element...

报错的大致意思是：组件的模板<template>应该只能包含一个根元素，也就是是说作为元素<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. 翻译：

查看vue代码，发现template中有两个元素，所以报错。翻译为：组件模板应该只包含一个根元素。将h1标签放到div里面即可。

There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence. The blog content is all parallel goods. Those who are worried about being cheated should leave quickly.

转自：https://www.cnblogs.com/liziyou/p/6708537.html vue菜鸟一枚，下载github上的代码来框架和思路，添加自己新的代码调试的时候，发现了一个错误，，具体报错如： 1 2 3 4 5 6 7 8 9 10 11 12 errorin./src/components/page/...

Component template should contain exactly one root element

问题： 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. 模板语法错误组件模板应该正好包含一个根元素，如果你使用的是v-if多元素，使用v-else-if链他...

VUE出现"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."错误的解决方法。

在外面套一层divd像上面图中那样

前言 报错信息： VUE小白会碰到这样的错误，刚上手，对vue还不太熟悉，所以对里面的构造方式不太清楚。 对于这个bug，我们很容易翻译为： 组件模板应该只包含一个根元素 查看代码 如图所示，template下面包含了两个<div>根节点，这是报错的根本原因。 解决 在最外层写一个div，把所有的前端代码放进去就好了： OK, GAME OVER ......

这个错误通常是由于 Vue 组件的模板中包含多个根元素导致的。Vue 要求组件模板中只能有一个根元素，如果需要渲染多个元素，可以使用。元素将它们包裹起来，或者使用 v-else-if 来链式渲染多个元素。你可以通过将模板内容用单个根元素包裹起来来解决这个问题。元素中，以确保只有一个根元素。将整个模板内容包裹在了一个。