vue3代码报错：[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin

最新推荐文章于 2024-05-29 10:27:49 发布
最新推荐文章于 2024-05-29 10:27:49 发布
阅读量896 收藏
点赞数 2
文章标签： vue.js javascript ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51938803/article/details/131067295
版权

vue3.0允许 <template/></template>标签下多个根元素
用最新的Vite构建项目，默认的APP.vue里的代码如下 

 vsc的提示是：

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

解决：设置 -> 搜索：eslint-plugin-vue -> 第一个(Vetur › Validation: Template )取消勾选,即可

 

 

疯狂quickly
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
eslint-plugin-vue：Vue.js的官方ESLint插件
02-03
eslint-plugin-vue Vue.js的官方ESLint插件 :open_book: 文献资料参见。 :anchor: 版本政策该插件遵循和。 :newspaper: 变更日志该项目使用 。 :clinking_beer_mugs: 贡献指南欢迎贡献！ 请参阅 。使用规则在开始...
vue3-element-admin：vue3 + element-plus + typescript 后台管理系统
05-04
vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板（前后端开源）。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...
vue--The template root requires exactly one element.的解决办法
爱吃Java的羊的博客
11-25 2016
[vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue 在vue中会出现以上问题 这是因为vue的模版中只有能一个根节点，所以在中插入第二个元素就会报错 解决方案： 将中的元素用一个大的包起来，这样就可以在其中添加多个元素了
Vue3 ：[vue/no-multiple-template-root] The template root requires exactly one element
xxxxxxxr的博客
04-24 1099
设置 -> 搜索：eslint-plugin-vue -> 第一个(Vetur › Validation: Template )取消勾选,即可。vue3.0支持<template/></template>标签下放不止一个根元素。用最新的Vite构建项目，默认的APP.vue里的代码如下。原因是Vetur插件还没有更新。
关于 vue3 不使用根标签报错提示 [vue/no-multiple-template-root] The template root requires exactly one element
热门推荐
HHH917的博客
01-12 2万+
报错提示 第一步 查看是否安装了Vetur插件 第二步 文件=>首选项=>设置 进入设置页搜索 eslint 把Vetur的验证模板，取消勾选Validate vue-html in using eslint-plugin-vue 报错提示就没有了
解决 VS Code 提示 The template root requires exactly one element.eslint(vue/no-multiple-template-root)
bestyellow的专栏
11-17 1218
解决方法有两种： 一.根据提示，在template包一个div: <template><div>....</div><template> 二.在.eslintrc.js中添加一行代码'vue/no-multiple-template-root': 0 解决
[vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue 错误处
qq_48104836的博客
03-02 309
vue3错误信息，
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
1、问题场景： npm install 报错，以为是npm问题，改成cnpm install，也还是报错，根据错误信息提示，...peerDependencies WARNING eslint-plugin-vue@5.2.3 › vue-eslint-parser@^5.0.0 requires a peer of eslint@
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的...
vue-eslint-parser：.vue文件的ESLint自定义解析器
02-05
Vue-Eslint解析器 .vue文件的ESLint自定义解析器。 :right_arrow_curving_up: 动机该解析器使我们可以.vue文件的<template> 。 如果我们在<template>使用复杂的指令和表达式，我们很容易在<template>上犯错。 该解析...
vue报错：Vue Error: The template root requires exactly one element.
qq_37291053的博客
07-26 214
原因是template里只允许一个根节点。
【Vue.js 3.0】不使用根标签，Error：[vue/no-multiple-template-root] The template root requires exactly one ...
zimeng303的博客
02-05 802
[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin-vue原因分析解决方案 原因分析 报错示例，如图所示： 上述问题的产生，一般是由于 Visual Studio Code 中安装了 Vetur 插件，它在检测 vue-html 模板时，使用了 eslint-plugin-vue 插件。 解决方案 查看是否安装了 Vetur 插件 点击 文件 -- 首选项 --
vue3在vscode报vue/no-multiple-template-root
团酱
12-21 2845
在vue2的时候，template只能有一个节点，所以插件vetur会报提示说不能有多个根元素 vue3说支持多个根元素的，解决办法就是在设置里面找到vetur的配置，把 Validate vue-html in <template> using eslint-plugin-vue 取消勾选就可以了 参考自 ：vue3在vscode报vue/no-multiple-template-root - 掘金 ...
解决Vue3项目使用多个根标签提示[vue/no-multiple-template-root]The template root requires an element rather than
最新发布
qq_45569925的博客
05-29 237
报错截图 检查原因 第一步：检查是否安装了Vetur插件 第二步：左下角设置图标 ==》 设置 第三步：进入设置页面搜索 eslint 把 Vetur 的验证模板，取消勾选Validate vue-html in using eslint-plugin-vue 第四步：将错误提示页面关掉然后重新打开，即可正常显示
Vue3中出现The template root requires exactly one element.eslint-plugin-vue
无简介！！
10-06 507
Vue3中出现The template root requires exactly one element.eslint-plugin-vue
Component template should contain exactly one root element. If you are using v-if on multiple elemen
a602482790的博客
03-27 4590
原来vue模板只能有一个根对象所以你想要出现正常的效果，你的用一个div来或是别的标签来包裹全部的元素正确的写法就是：12345678&lt;template&gt;    &lt;div&gt;        &lt;el-button type="primary"&gt;haha1&lt;/el-button&gt;        &lt;div&gt;hahhaa&lt;/div&gt;
vue 中关于“template”标签的两个报错
qq_24600981的博客
04-02 1万+
1.template本身没有很特别的意义，可以了解下html 的template标签 2.官网以及其他人所描述的“根元素”，是指template标签下的元素，不包括也不是template本身 3.经常2个错误： Component template should contain exactly one root element. <template> <div&gt...
vue.js为什么在component的template的root标签中不能使用v-for？
captian_900331的博客
04-12 4646
具体问题的描述： &lt;div v-for="article in articles" style="margin:13px"&gt; &lt;div class="article-image"&gt; &lt;a&gt; &lt;img :src="article.image_path"/&gt; &am
vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue
07-28
根据引用\[1\]中提供的解决方法，你可以在项目的.eslintrc.js配置文件的rules中添加以下代码来解决这个错误提示： ```javascript rules: { 'vue/no-multiple-template-root': 'off' } ``` 这样做的目的是将"vue/no-multiple-template-root"规则设置为"off"，即关闭该规则的检查。这样eslint就不会再报错关于模板根元素的多个元素的问题了。 另外，根据引用\[2\]中的描述，Vue 3中已经取消了在模板中只能有一个根元素的限制。因此，你可以放心地在Vue 3项目中使用多个根元素。 总结起来，你可以通过在.eslintrc.js配置文件中关闭"vue/no-multiple-template-root"规则来解决这个错误提示。 #### 引用[.reference_title] - *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.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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值