vue3在vscode报vue/no-multiple-template-root

最新推荐文章于 2023-12-09 16:19:00 发布
最新推荐文章于 2023-12-09 16:19:00 发布
阅读量2.8k 收藏
点赞数
分类专栏： 随笔 vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46703452/article/details/122063931
版权
随笔 同时被 2 个专栏收录
32 篇文章 1 订阅
订阅专栏
vue
20 篇文章 0 订阅
订阅专栏

在vue2的时候，template只能有一个节点，所以插件vetur会报提示说不能有多个根元素 vue3说支持多个根元素的，解决办法就是在设置里面找到vetur的配置，把 Validate vue-html in <template> using eslint-plugin-vue 取消勾选就可以了

 

 参考自 ：vue3在vscode报vue/no-multiple-template-root - 掘金

团酱
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue 中 template 有且只能一个 root的原因解析(源码分析)
10-15
主要介绍了Vue 中 template 有且只能一个 root的原因解析,本文从源码角度分析给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
vue-next/runtime-core 源码阅读指南详解
10-16
Vue-next 使用 Jest 进行单元测试，可以在 VSCode 中安装 Jest 插件进行便捷的调试。 在 runtime-core 中，各个文件代表不同的子模块，每个模块都有相对独立的单元测试。例如： 1. `apiApp.ts` 定义了创建应用的...
Vue3 报错：[vue/no-multiple-template-root] The template root requires exactly one element
qq_45909266的博客
03-22 1万+
vue3.0支持<template/></template>标签下放不止一个根元素 用最新的Vite构建项目，默认的APP.vue里的代码如下 代码可以正常运行，但是VScode报错提示： [vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue 原因是Vetur插件还没有更新 如果和我一样有强迫症，暂时的解决办法就是 设置 -> 搜索：esl
vue3代码报错：[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin
weixin_51938803的博客
06-06 897
plugin-vue -> 第一个(Vetur › Validation: Template )取消勾选,即可。
关于 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 报错提示就没有了
tony/RuoYi-flowable Vue3版本全套代码
04-11
tony/RuoYi-flowable开源版本是基于vue2的项目，后来由于项目开发需要，采购了Vue3的版本，现在将资源共享。使用方法可以参考https://gitee.com/tony2y/RuoYi-flowable
vueup-quill:Vue 3插件或组件的Quill编辑器
03-15
VueUpQuill Vue 3插件或组件的Quill编辑器。安装使用软件包管理器或来安装VueUpQuill。 npm install @vueup/quill --save# ORyarn add @vueup/quill用法全局安装import { createApp } from 'vue'import VueUpQuill ...
vue-chrome-extension-template：vue chrome扩展模板
01-30
$ vue init YuraDev/vue-chrome-extension-template my-project # install dependencies and go! $ cd my-project $ npm install # or yarn $ npm run dev # or yarn dev 结构体 ：脚本的后台工作 在网页上下文中...
vue-peek vscode 插件
08-29
vue-peek
项目报错：[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
乐辞的博客
03-31 6591
[vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue Vue3.0 脚手架报错 [vue/no-multiple-template-root] The template root requires exactly one element. eslint-plugin-vue 有道翻译： [vue/no-multiple-template-root]模板根需要一个元素。
出现[vue/no-multiple-template-root]这种eslint相关的报错，关闭这个eslint相关报错的方法
weixin_72322475的博客
04-06 670
出现[vue/no-multiple-template-root]这种eslint相关的报错，关闭这个eslint相关报错的方法
解决 VS Code 提示 The template root requires exactly one element.eslint(vue/no-multiple-template-root)
bestyellow的专栏
11-17 1222
解决方法有两种： 一.根据提示，在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 one element.
最新发布
Scorpio_sky的博客
12-09 188
2、VsCode打开设置-搜索 eslint，找到图中Vetru > Validation: Template这项。如图，父组件中使用作用域插槽时，如果直接在template下直接书写多个根标签，编辑器就会报错提示。4、重启VsCode后再尝试，就没有报错了。
Vue报错-[vue/no-multiple-template-root] The template root requires exactly one element
Delete_89x的博客
10-29 1473
123
【vue】[vue/no-multiple-template-root] The template root requires exactly
Kaite_han的博客
12-15 5400
Vue：The template root requires exactly one element.的解决办法 这是因为vue的模版中只有能一个根节点，所以在中插入第二个元素就会报错 <template> <div> hi </div> <Frank/> </template> 解决方案： 将中的元素用一个大的包起来，这样就可以在其中添加多个元素了，可以参考以下示例： <template>
[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin-vue
qq_48704579的博客
03-15 1294
是因为vue2<template></template>模板只能有一个根标签，插件vetur检查时会报错,此时的解决方法如下。在进行vue3项目是报错。
vue/no-multiple-template-root
04-06
'b'vue/no-multiple-template-root''是Vue.js的一个规则，它要求在单个组件中只能有一个顶层模板元素。也就是说，在一个组件中，不能有多个无父级元素的模板标签，只能有一个最外层的元素包含所有的子元素。这个规则...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值