no-multiple-template-root

"no-multiple-template-root"是一个eslint规则，用于检查Vue模板中是否只有一个根元素。如果在Vue项目中引入了这个规则，并且在模板中使用了多个根元素的话，就会报错。
解决这个问题的方法是在项目的.eslintrc.js配置文件的rules中添加规则"vue/no-multiple-template-root": "off"，将其关闭。这样就可以在模板中使用多个根元素而不会报错了。
需要注意的是，在Vue3.0中允许在&lt;template&gt;标签下使用多个根元素，但在早期版本中是不被允许的。如果你使用的是Vue3.0及以上版本，你可以忽略这个eslint规则，因为它已经被修复了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue3代码报错：[vue/no-multiple-template-root]The template root requires exactly one element.eslint-...](https://blog.csdn.net/weixin_51938803/article/details/131067295)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vue3报错：The template root requires exactly one element终极解决办法](https://blog.csdn.net/Y_soybean_milk/article/details/124338835)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]