[vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue

已于 2022-03-31 15:49:40 修改
阅读量6.7k 收藏 17
点赞数 16
文章标签： vue
于 2022-03-31 15:49:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45503196/article/details/123874226
版权
Vue3.0 脚手架报错

[vue/no-multiple-template-root] The template root requires exactly one element.
eslint-plugin-vue
有道翻译：

[vue/no-multiple-template-root]模板根需要一个元素。

eslint-plugin-vue

解决办法

查阅资料是插件 Vetur 还没兼容到最新版vue语法；
通过设置 搜索 eslint-plugin-vue， 取消校验勾选即可。

乐辞
关注
Vue报错 The template root requires exactly one element
TOP的博客
01-07 2140
Vue报错 The template root requires exactly one element. Vue2解决 因为vue的模版中只能有一个根节点，由于不支持多根节点组件，所以在<template>中插入第二个元素就会报错，将<template>中的元素用一个大的<div>包起来，这样就可以在其中添加多个元素了 Vue3解决 在 3.x 中，组件可以包含多个根节点！但是为什么还会报错呢 是因为插件vetur设置了校验规则，改一下配置规则就不会显现错误了
vue3+eslint遇到 The template root requires exactly one element.eslintvue/no-multiple-template-root解决方案
悲莫悲兮生别离
05-07 2137
vue3+eslint遇到 The template root requires exactly one element.eslintvue/no-multiple-template-root 解决方案 找到eslint配置文件，我这里是 .eslintrc.js 把 extends 中的 ‘plugin:vue/essential’，改成’plugin:vue/vue3-essential’ 搞定 网上文章说是vetur的问题，但我这里不是 贴一下我的eslint配置 module.exports
The template root requires exactly one element vue/no-multiple-template-root
weixin_64652648的博客
09-06 1247
当你在使用element的过程中出现了这个错误就代表<template></template>内出现了一个或几个<div></div>,且没有一个div将template内的代码全部包括起来，这个时候只需要加上一个div就可以解决这个问题。
At least one ＜template＞ or ＜script＞ is required in a single file component. 解决方案
最新发布
xuelang532777032的博客
08-21 1293
如果是空文件你去git对比下之前的版本是不是拉取的时候中断除了问题，如果里面有字符串的比如xxssdsd ,你就打开vscode的去到views下面搜"xxssdsd"，你就可以找到出问题的那些文件了。那就只有一种可能了，就是views文件夹里的.vue单页面存在 空的.vue文件夹（你懂我意思吗，就比如a.vue，但是里面是空白的。下图是我举例的图，并非小伙伴那的，你去找，找那个文件最小的1kb左右打开看下，0.5左右你也去打开。好了，文章原创，下面是扩展阅读，刚兴趣的小伙伴可以查阅下。
[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin-vue
qq_48704579的博客
03-15 1444
是因为vue2<template></template>模板只能有一个根标签，插件vetur检查时会报错,此时的解决方法如下。在进行vue3项目是报错。
Vue报错-[vue/no-multiple-template-root] The template root requires exactly one element
Delete_89x的博客
10-29 1581
123
vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue
07-28
- *1* *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....
[vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin
06-05
这个错误是由 Vue.js 的 ESLint 插件抛出的，它通常表示 Vue.js 的模板中有多个根元素。在 Vue.js 的模板中，只允许存在一个根元素。因此，如果你的模板中有多个根元素，就会出现这个错误。 要解决这个问题，你需要...
[vue/valid-template-root] The template root requires exactly one element.eslint-plugin-vue
06-07
这个错误信息通常出现在 Vue.js 的模板中，意思是模板的根节点必须只有一个元素。这是因为 Vue.js 的模板语法要求每个组件必须有一个根元素，而不能直接将多个元素并列放置在模板中。如果你在模板中使用了多个元素，...
项目报错：[vue/no-multiple-template-root] The template root requires exactly one element.
热门推荐
nyf_unknow的博客
03-24 1万+
项目场景： 迁移组件 问题描述 黑屏且报错：[vue/no-multiple-template-root] The template root requires exactly one element. 原因分析： template中只允许模板里存在一个根节点 解决方案： 例如：在 template 中添加一个 标签，之后所有的组件全部加在 即可解决。 ...
vue3代码报错：[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin
weixin_51938803的博客
06-06 1130
plugin-vue -> 第一个(Vetur › Validation: Template )取消勾选,即可。
Vue3 ：[vue/no-multiple-template-root] The template root requires exactly one element
xxxxxxxr的博客
04-24 1404
设置 -> 搜索：eslint-plugin-vue -> 第一个(Vetur › Validation: Template )取消勾选,即可。vue3.0支持<template/></template>标签下放不止一个根元素。用最新的Vite构建项目，默认的APP.vue里的代码如下。原因是Vetur插件还没有更新。
解决 VS Code 提示 The template root requires exactly one element.eslint(vue/no-multiple-template-root)
bestyellow的专栏
11-17 1249
解决方法有两种： 一.根据提示，在template包一个div: <template><div>....</div><template> 二.在.eslintrc.js中添加一行代码'vue/no-multiple-template-root': 0 解决
【vue】[vue/no-multiple-template-root] The template root requires exactly
Kaite_han的博客
12-15 5428
Vue：The template root requires exactly one element.的解决办法 这是因为vue的模版中只有能一个根节点，所以在中插入第二个元素就会报错 <template> <div> hi </div> <Frank/> </template> 解决方案： 将中的元素用一个大的包起来，这样就可以在其中添加多个元素了，可以参考以下示例： <template>
【Vue3】报错：The template root requires exactly one element
Love_Study2的博客
10-28 2247
标签中，根标签有多个，如： 1：用div标签包住就行了 2：在vue的.eslintrc.js 文件中配置： "vue/no-multiple-template-root":'off'
Vue3 报错：[vue/no-multiple-template-root] The template root requires exactly one element
m0_60237095的博客
12-30 2088
vue3.0支持<template/></template>标签下放不止一个根元素 用最新的Vite构建项目，默认的APP.vue里的代码如下 代码可以正常运行，但是VScode报错提示： [vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue 原因是Vetur插件还没有更新 如果和我一样有强迫症，暂时的解决办法就是 设置 -&g
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值