关于 vue3 不使用根标签报错提示 [vueno-multiple-template-root] The template root requires exactly one element

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

报错提示

在这里插入图片描述

第一步

查看是否安装了Vetur插件
在这里插入图片描述

第二步

文件=>首选项=>设置
在这里插入图片描述
进入设置页搜索 eslint 把Vetur的验证模板，取消勾选Validate vue-html in using eslint-plugin-vue
在这里插入图片描述
报错提示就没有了
在这里插入图片描述

Vue 中 template 有且只能一个 root的原因解析(源码分析)
10-15
主要介绍了Vue 中 template 有且只能一个 root的原因解析,本文从源码角度分析给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
Vue报错 The template root requires exactly one element
TOP的博客
01-07 2651
Vue报错 The template root requires exactly one element. Vue2解决 因为vue的模版中只能有一个根节点，由于不支持多根节点组件，所以在<template>中插入第二个元素就会报错，将<template>中的元素用一个大的<div>包起来，这样就可以在其中添加多个元素了 Vue3解决 在 3.x 中，组件可以包含多个根节点！但是为什么还会报错呢 是因为插件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 报错提示就没有了
Vue3 报错：[vue/no-multiple-template-root] The template root requires exactly one element
m0_60237095的博客
12-30 2148
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
vue3+eslint遇到 The template root requires exactly one element.eslintvue/no-multiple-template-root解决方案
悲莫悲兮生别离
05-07 2331
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
16:3 error The template root requires exactly one element vue/no-multiple-template-root
最新发布
11-02
你的代码报错 `The template root requires exactly one element` 表示当前组件的模板有多于一个的根节点元素。可以通过以下方式解决这个问题： 1. **包装所有内容到一个父级元素中**：例如，可以使用一个 `<div>` ...
[vue/no-multiple-template-root] The template root requires exactly one element.
06-21
当你使用 `vue/no-multiple-template-root` 规则检查代码时，它会提示任何不符合规范的地方，鼓励开发者保持一致和最佳实践。如果你遇到这个警告，解决方法通常是删除多余的根节点，确保模板只有一个根元素。
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.js 3.0】不使用根标签，Error：[vue/no-multiple-template-root] The template root requires exactly one ...
zimeng303的博客
02-05 855
[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项目使用多个根标签提示[vue/no-multiple-template-root]The template root requires an element rather than
qq_45569925的博客
05-29 895
报错截图 检查原因 第一步：检查是否安装了Vetur插件 第二步：左下角设置图标 ==》 设置 第三步：进入设置页面搜索 eslint 把 Vetur 的验证模板，取消勾选Validate vue-html in using eslint-plugin-vue 第四步：将错误提示页面关掉然后重新打开，即可正常显示
项目报错：[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 中添加一个 标签，之后所有的组件全部加在 即可解决。 ...
[vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue
Xpy 的博客
06-08 5058
一、Vue3.0 脚手架报错： [vue/no-multiple-template-root] The template root requires exactly one element. eslint-plugin-vue 查看问题 (⌥F8) 没有可用的快速修复 百度翻译： [vue/无多个模板根目录]模板根目录只需要一个元素。 eslint-plugin-vue 查看问题 (⌥（F8）没有可用的快速修复 二、解决办法 查阅资料是插件 Vetur 还没兼容到最新版vue语法； 通过设置 搜索 e
Vue报错-[vue/no-multiple-template-root] The template root requires exactly one element
Delete_89x的博客
10-29 1673
123
Vue3 ：[vue/no-multiple-template-root] The template root requires exactly one element
xxxxxxxr的博客
04-24 1662
设置 -> 搜索：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.eslint-plugin
weixin_51938803的博客
06-06 1716
plugin-vue -> 第一个(Vetur › Validation: Template )取消勾选,即可。
[vue/no-multiple-template-root] The template root requires exactly one element
jolinoy的博客
03-05 452
vscode报错：[vue/no-multiple-template-root] The template root requires exactly one element
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值