[JavaScript知识库][eslint-vue] The template root requires exactly one element.

问题

写了个.vue文件，在template标签中写了两个html标签就报错了，记录下这个小问题。

<template>
	<h1>欢迎来到前端测试环节</h1>
	<ul>
		<li>这</li>
		<li>是</li>
		<li>组</li>
		<li>件</li>
		<li>测</li>
		<li>试</li>
	</ul>
</template>

[eslint-vue] The template root requires exactly one element.

解决方案

发现下载的模板在template里面都有一个根标签包着，再根据提示信息，原来template模板里面只能有一个根标签。

<template>
	<div id="container">
		<h1>欢迎来到前端测试环节</h1>
		<ul>
			<li>这</li>
			<li>是</li>
			<li>组</li>
			<li>件</li>
			<li>测</li>
			<li>试</li>
		</ul>
	</div>
</template>

这样就好了