Vue3 报错：[vue/no-multiple-template-root] The template root requires exactly one element

最新推荐文章于 2024-03-14 21:54:54 发布
最新推荐文章于 2024-03-14 21:54:54 发布
阅读量1.7w 收藏 19
点赞数 28
分类专栏： vue3.0 文章标签： vue web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45909266/article/details/115084518
版权

vue3.0支持<template/></template>标签下放不止一个根元素
用最新的Vite构建项目，默认的APP.vue里的代码如下
在这里插入图片描述代码可以正常运行，但是VScode报错提示：

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

原因是Vetur插件还没有更新

如果和我一样有强迫症，暂时的解决办法就是

设置 -> 搜索：eslint-plugin-vue -> 第一个(Vetur › Validation: Template )取消勾选,即可
在这里插入图片描述
在这里插入图片描述

_无妻徒刑
关注
  • 28
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
vue3-element-admin:vue-element-admin的vue3版本
03-08
English ||| 由...赞助 活动服务销售平台 客户消息直达工作群 介绍 是用于管理界面的可用于生产环境的前端解决方案。 它基于并使用UI Toolkit 。 基于最新的vue开发堆栈，并且具有内置的i18n解决方案，企业应用程序的典型模板以及许多出色的功能。 它可以帮助您构建大型而复杂的单页应用程序。 我相信无论您有什么需求，该项目都将为您提供帮助。 国内用户可访问该地址在线预览 基本模板建议使用： 桌面： 打字稿： typescript （来源： ） 在v4.1.0+版本之后，默认的master分支将不支持i18n。 请使用，它将跟上主更新 当前版本是在vue-cli上构建的v4.0+ 。 如果发现问题，请输入。 如果要使用旧版本，可以将分支切换到 ，它不依赖于vue-cli 该项目不支持低版本的浏览器（例如IE）。 请自行添加polyfill。 准备
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个页面 watch-multi : 并行观看多个页面 你可以在你的项目中使用vue-cli-service [command] 初始化配置 如果你的项目没有对应的文件，命令会生成vue.config.js 、 Views.json文件 多建 该命令将在上面生成配置的位置构建您的条目，您可
vue--The template root requires exactly one element.的解决办法
最新发布
weixin_56181202的博客
03-14 715
vue--The template root requires exactly one element.的解决办法。报错原因： 在vue中会出现以上问题，这是因为vue的模版中只有能一个根节点，所以在中插入第二个元素就会报错。
vue3-element-admin:vue3-element-admin后台管理系统前端解决方案
04-17
Vue3 Element Admin 中文 | 简介 Vue3 Element Admin 是一个免费开源的中后台模版。基于vue3+ElementPlus+Vite开发，是一个开箱即用的中后台前端解决方案，它可以帮助你快速搭建企业级中后台产品原型，也可用于学习参考。 视频教程 技术储备 提前了解和学习以下知识会对您使用本项目有很大的帮助 和 -项目开发环境 - 熟悉 es6 基本语法 - 熟悉 vite 特性 - 熟悉 Vue 基础语法 Vue-Router-Next - 熟悉 vue-router@4 基本使用 Element-Plus - ui 基本使用 Mock.js - mockjs 基本语法 安装使用 # 克隆项目 git clone https://github.com/huzhushan/vue3-element-admin.git # 进入项目目录 cd vue
vue-chrome-extension-template：vue chrome扩展模板
01-30
Vue.js Chrome扩展模板（ ） 开发时可在Vuejs上快速重新加载Chrome扩展的模板。 安装： 该样板是作为的模板构建的，并包含用于自定义最终脚手架应用程序的选项。 # install vue-cli $ npm install -g vue-cli # create a new project using the template $ 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 结构体 ：脚本的后台工作 在网页上下文中运行 它可以添加新的UI面板和侧边栏，与检查的页面进行交互，获取有关网络请求的信息等等。 为了允许用户自定义扩展程序的行为，您可能希望提供一个选项页面。 弹出窗口-单击图标时将显示的页面（窗口） 标签-您的应用程序将在单独的标签中运行 ext-共享脚本 应用程序的说明，其权利和
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工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： :1st_place_medal: 金牌赞助商 :2nd_place_medal: 银牌赞助商 :3rd_place_medal: 青铜赞助商 :star: 特征 i18n资源预编译 i18n自定义块 静态捆绑进口 捆绑优化 :optical_disk: 安装 NPM $ npm i --save-dev @intlify/vite-plugin-vue-i18n 纱 $ yarn add -D @intlify/vite-plugin-vue-i18n :warning: 注意 安装此插件后，Vue I18n只能使用Composition API，如果要使用Legacy API，则需要将compositionOnly选项设置为f
vue3报错：The template root requires exactly one element终极解决办法
热门推荐
Y_soybean_milk的博客
04-22 2万+
兴冲冲的开启一个vue3项目，控制台却报错The template root requires exactly one element 我们知道，在vue2中，template中只能有一个根元素，但在vue3中，则去掉了这个限制 那么如何解决这个错误提示呢？ 方法一 可能是项目中引入的eslint报的错 解决方法：在项目的.eslintrc.js配置文件的rules中添加："vue/no-multiple-template-root": "off" rules: { 'no-console':
Vue3 ：[vue/no-multiple-template-root] The template root requires exactly one element
xxxxxxxr的博客
04-24 1091
设置 -> 搜索：eslint-plugin-vue -> 第一个(Vetur › Validation: Template )取消勾选,即可。vue3.0支持<template/></template>标签下放不止一个根元素。用最新的Vite构建项目，默认的APP.vue里的代码如下。原因是Vetur插件还没有更新。
项目报错：[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 6567
[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-typescript-admin-mock-server:for vue-typecript-admin-template项目的模拟服务器
04-29
Vue TypeScript管理模拟服务器 项目的模拟服务器 演示链接 （由vue-typecript-admin-template使用） 概述 此项目中api文件夹下的javascript代码是从的打字稿源代码生成的（通过在此目录中运行tsc命令）。 唯一的手动更改是将mock-server.js重命名为index.js 。 昂首阔步 网址架构基于并遵循REST API标准。 info: { name: 'Mock API', description: 'Mock API for vue-typescript-admin-template.', version: '1.0.0' }, paths: { get: [ '/mock-api/v1/articles', '/mock-api/v1/articles/:id', '/mock-api/
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-admin-beautiful-template:vue-admin-beautiful-template基础版
03-21
vue-admin-beautiful（element-ui） 地址 vue-admin-beautiful前端讨论QQ群972435319，1139183756 不论您加或不加，您都可以享受到开源的代码，感谢您的支持和信任，群内部提供vue-admin-beautifu基础版本...
vue3实战项目安装各种插件时候报错问题和解决
03-11 7168
vue3+ts实战相关问题
报错汇总！
雪崩时没有一片雪花是无辜的！
06-13 320
1、vue eslint报错：Component name "index" should always be multi-word.eslintvue/multi-word-component-names的四种解决方式 参考博客：https://blog.csdn.net/u013078755/article/details/123581070 2、对于vue中eslint配置error The...
问题集合-解决方法
fxm_fxm123456的博客
03-03 820
git问题 1.SSL certificate problem: unable to get local issuer certificate 解决方法：在终端（terminal）输入命令：git config --global http.sslVerify false 问题原因：由于没有配置信任的服务器HTTPS验证。
Vue报错-[vue/no-multiple-template-root] The template root requires exactly one element
Delete_89x的博客
10-29 1438
123
[vue/no-multiple-template-root] The template root requires exactly one element
07-29
这个错误是由Vue的lint规则中的`vue/no-multiple-template-root`导致的。它表示Vue的模板根节点必须只有一个元素。 在Vue的单文件组件中，模板通常会包含在一个根元素中。如果你的模板中有多个根元素，就会触发这个错误。 要解决这个问题，你可以将模板中的多个根元素包裹在一个父元素中。例如，你可以使用一个`div`元素作为根元素来包裹所有的子元素。 在下面的例子中，我们将两个根元素包裹在一个`div`中： ```html <template> <div> <h1>Hello</h1> <p>World</p> </div> </template> ``` 这样做后，你的代码就不会再触发`vue/no-multiple-template-root`错误了。 希望能帮到你！如果还有其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值