vue3+eslint遇到 The template root requires exactly one element.eslintvue/no-multiple-template-root解决方案

最新推荐文章于 2025-02-19 09:35:22 发布
最新推荐文章于 2025-02-19 09:35:22 发布
阅读量2.3k 收藏 3
点赞数 4
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Ciel2015/article/details/116492648
版权
vue3+eslint遇到 The template root requires exactly one element.eslintvue/no-multiple-template-root 解决方案

报错样式

  1. 找到eslint配置文件，我这里是 .eslintrc.js
  2. 把 extends 中的 ‘plugin:vue/essential’，改成’plugin:vue/vue3-essential’
  3. 搞定

网上文章说是vetur的问题，但我这里不是

贴一下我的eslint配置

module.exports = {
   
  env: {
   
    browser: true,
    es2021
最低0.47元/天 解锁文章
枫叶传说
关注
出现[vue/no-multiple-template-root]这种eslint相关的报错，关闭这个eslint相关报错的方法
weixin_72322475的博客
04-06 846
出现[vue/no-multiple-template-root]这种eslint相关的报错，关闭这个eslint相关报错的方法
Vue3项目Eslint提示 the template root requires exactly one element
热门推荐
Jimmy的前端博客
11-05 1万+
问题如下描述： 在创建了vue3.0的项目时发现，.vue文件的写法是按照vue3.0的来的，但是eslint还是会报错，提示： the template root requires exactly one element 产生原因： Vue3.0以前版本在template标签下只允许有一个标签 ...
[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin-vue
最新发布
Zhy_JiangLi的博客
02-19 237
在vue2中，template中只能有一个根元素。的配置-取消勾选-重启vscode。
The template root requires exactly one element vue/no-multiple-template-root
weixin_64652648的博客
09-06 1323
当你在使用element的过程中出现了这个错误就代表<template></template>内出现了一个或几个<div></div>,且没有一个div将template内的代码全部包括起来，这个时候只需要加上一个div就可以解决这个问题。
Vue3 ：[vue/no-multiple-template-root] The template root requires exactly one element
xxxxxxxr的博客
04-24 1678
设置 -> 搜索：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 1908
plugin-vue -> 第一个(Vetur › Validation: Template )取消勾选,即可。
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-vue
05-26
这是 Vue.js 中的一个 linting 错误，意思是模板根元素需要只有一个。在 Vue.js 的单文件组件中，模板通常包含在 `<template>` 标签中，如果你在这个标签中使用了多个根元素，就会触发这个错误。 为了解决这个问题...
The template root requires exactly one element.(vue/no-multiple-template-root)
08-29
This error message typically occurs in Vue.js when you have multiple root elements in your template. In Vue, each component template should have a single root element. To resolve this issue, you can ...
[vue/no-multiple-template-root] The template root requires exactly one element.
06-21
Vue.js 的 `vue/no-multiple-template-root` 是一个 ESLint 规则，它源自 Vue.js 的官方编码规范。规则的目的是确保 Vue 组件模板的根元素只有一个。在 Vue 中，模板是一个 HTML 结构，用于渲染组件的视图。根据 Vue...
【Vue3】报错：The template root requires exactly one element
Love_Study2的博客
10-28 2316
标签中，根标签有多个，如： 1：用div标签包住就行了 2：在vue的.eslintrc.js 文件中配置： "vue/no-multiple-template-root":'off'
解决 VS Code 提示 The template root requires exactly one element.eslint(vue/no-multiple-template-root)
bestyellow的专栏
11-17 1343
解决方法有两种： 一.根据提示，在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 5480
Vue：The template root requires exactly one element.的解决办法 这是因为vue的模版中只有能一个根节点，所以在中插入第二个元素就会报错 <template> <div> hi </div> <Frank/> </template> 解决方案： 将中的元素用一个大的包起来，这样就可以在其中添加多个元素了，可以参考以下示例： <template>
【前端】vue 报错:The template root requires exactly one element
程序员-张师傅
07-25 3977
在 Vue.js 中，当你遇到错误 “The template root requires exactly one element” 时，这通常意味着你的 Vue 组件的模板（template）根节点不是单一的元素。Vue 要求每个组件的模板必须有一个根元素来包裹所有的子元素。如果你的模板看起来像这样，就会出现这个错误：
vue3报错The template root requires exactly one element
曈欣的博客
11-18 3620
vue3 项目报错：The template root requires exactly one element，大概意思是模板根目录下只需要一个元素。根目录下只能有一个跟元素，是 Vue2的要求，Vue3 中已经去掉了这个限制。那么如何解决这个错误提示呢？
项目报错：[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
m0_60237095的博客
12-30 2162
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
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值