Vue3 VSCode新建项目报错The template root requires exactly one element.

最新推荐文章于 2024-05-30 14:05:09 发布
最新推荐文章于 2024-05-30 14:05:09 发布
阅读量400 收藏
点赞数 1
分类专栏： Vue3.X
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yusirxiaer/article/details/119009949
版权
本文指导如何在Visual Studio Code中禁用Vetur插件的模板验证，以消除编辑Vue项目时的错误提示。通过点击左侧第四图标，搜索并安装Vetur插件，然后进入扩展设置，查找vetur.validation.template选项并取消选中，即可避免模板验证报错，确保开发过程流畅。
摘要由CSDN通过智能技术生成

  • 1.首先我们点击左侧第四个图标插件
  • 2.输入框搜索vetur插件
  • 3.点击设置图标，再点击扩展设置
  • 4.搜素vetur>validation>template，取消vetur>validation>template的勾选 

然后就不会报错了

yusirxiaer
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
【Vue报错】在vscode里报错The template root requires exactly one element的解决方案
weixin_45388918的博客
09-07 1611
使用VScode创建vue项目时，加载了vetur插件。vetur按照了Vue2的标准所以报错。Vue2 中只允许里存在一个根节点。但是vue3中可以存在多个根节点。标签，之后所有的组件全部加在。1、在 中添加一个。
Vue3 在VSCode新建项目报错The template root requires exactly one element.解决方法
热门推荐
bigniu的博客
12-22 1万+
Vue3 [vue/no-multiple-template-root] Vue3 Vscode报错 Vue3 新建项目报红 The template root requires exactly one
vue3报错：The template root requires exactly one element
最新发布
weixin_52648900的博客
05-30 544
解决 vue3 根组件 在 vscode 中报错
vscode启动新项目失败，提示 Error: The project seems to require yarn but it‘s not installed.
weixin_45972151的博客
05-11 8187
vscode启动新项目失败，提示 Error: The project seems to require yarn but it's not installed. 这报错的原因，可能是配置文件没有配置好或者包没下载到，或者看看package.json里面的script是否写正确了 如果项目中存在 yarn.lock在控制台中输入npm install -g yarn 配置完后再运行 然后便成功运行起来了 ...
The template root requires exactly one element（总算是解决）
华夏乐园
01-04 6634
为了在vscode中编写的代码看起来规范，肯定要使用全局的ESLint配置 一、在VS Code中添加ESLint插件 二、在node全局路径中生成 eslint 的配置文件 .eslintrc.js 1、路径一般在C:\Users\大圣\AppData\Roaming\npm\node_modules，执行cmd 2、npm init 创建 package.json 文件 3、执行 eslint --init 创建配置文件 4、按照命令提示一直脱干净，全局文件就现身完成 三、在vscode.
vscode新建一个最简单的vue项目
09-27
在本文中，我们将深入探讨如何使用Visual Studio Code（VSCode）创建一个最简单的Vue.js项目。Vue.js是一款轻量级的前端JavaScript框架，以其易学易用和强大的功能深受开发者喜爱。VSCode作为一款功能丰富的代码编辑...
vue3新建项目，配置路由vue-router，引入element-plus
01-08
Vue3 是 Vue.js 的最新版本，它带来了许多性能优化和新特性，比如Composition API、Suspense、Teleport等。在创建Vue3项目时，我们通常会使用Vite或Vue CLI这样的构建工具。在这个项目中，Vite被用作构建工具，它由...
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）
10-14
2. 如果你的项目是纯Vue.js项目，而没有启用TypeScript，确保Vetur没有强制执行TypeScript的语法规则。这可以通过修改Vetur的配置来实现。步骤如下： - 打开VSCode，依次点击“文件” -> “首选项” -> “设置”。 ...
VSCode搭建Vue Element Admin的项目环境
04-11
### VSCode搭建Vue Element Admin的项目环境 #### 版本说明 - **Node**: v18.20.2 - **NPM**: 10.5.0 - **Git**: 2.19.1 - **Vue Element Admin**: [官网链接]...
vue-cle3项目运行报错sockjs-node-info解决方案.docx
10-26
### vue-cle3项目运行报错sockjs-node-info解决方案 #### 一、问题背景与现象描述 在将vue项目的脚手架工具从vue-cli2.x升级到vue-cli3.x之后，除了面临环境与配置的问题之外，还出现了新的运行时错误。具体来说，...
[vue] You are using the runtime-only build of Vue where the template compiler is not available
qubes的专栏
10-17 172
enviroment vue2 vue-cli3 vue.config.js error 在子组件方式内，调用Vue.component定义组件，并在子组件中使用 You are using the runtime-only build of Vue where the template compiler reason 应该是当前系统需要vue版本是runtime-only的 solution 如果vue-cli生成工程 在vue.config.js定义 runtimeCompiler: true, 注意
VS code 安装VUE3 模板报错The template rootrequires exactly one element. eslint -plugin-vue
build2024
06-16 5581
1.修改vs code vetur扩展配置，打开搜索，输入vetur ,然后把下面的选项的去掉。 2.另外一种是修改ESLint 配置，添加以下内容 。。。这个我找不到怎么添加。 两者修改一个应该就可以了。目前我是这个处理的。 3.修改完成，重启一下vs code，就好了 参考文章：https://blog.csdn.net/qq_45301392/article/details/117714671......
The template root requires exactly one element.eslint-plugin-vue
EchoLiner的博客
04-28 1917
The template root requires exactly one element.eslint-plugin-vue
vue3项目报错The template root requires exactly one element.eslint-plugin-vue
qq_43383334的博客
10-26 899
建议使用带有我们官方扩展 Volar (opens new window) 的 VSCode，它为 Vue 3 提供了全面的 IDE 支持。1.禁用 Vetur 并改用Volar=》它现在是 Vue 3 项目的官方推荐。2.package.json文件中。
vscode中vue3项目vetur报错
solocao的专栏
05-03 3525
vue3支持的插件应该是volar，之前有老的vue2项目插件vetur，所以会报错。 解决办法：在项目中新建.vscode, 新建文件settings.json,里面内容如下： { "vetur.validation.template": false, "vetur.validation.script": false, "vetur.validation.style": false, } 最后重启vscode解决问题 ...
解决 VS Code 提示 The template root requires exactly one element.eslint(vue/no-multiple-template-root)
bestyellow的专栏
11-17 1239
解决方法有两种： 一.根据提示，在template包一个div: <template><div>....</div><template> 二.在.eslintrc.js中添加一行代码'vue/no-multiple-template-root': 0 解决
vue3 组件库的开发
web前端开发大全
12-03 3192
1、vue3.0 Typescript Vue Router Vite 项目搭建： 全局安装： yarn global add create-vite-app@1.18.0 或者npm i -g create-vite-app@1.18.0 创建一个项目： vite 文档给出的命令是 npm init vite-app <project-name> yarn create vite-app <project-name> 等价于 全局安装 create...
vue3 The template root requires exactly one element
tscn1的博客
03-13 508
vscode中vue3编写template中多个根标签报错的解决方法 vue3中支持template中写两个，但是插件vetur设置了校验规则，改一下配置规则就不会显现错误了 具体操作如下图，点击配置扩展设置，划到最下面，找到vetur>validation:Template关掉即可 ...
[vue/valid-template-root] The template root requires exactly one element.
07-27
回答: 错误提示"\[vue/valid-template-root\] The template root requires exactly one element."表示Vue模板需要有且只能有一个根节点。\[1\]这个错误通常是由于在Vue模板中使用了多个根节点导致的。解决这个问题的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yusirxiaer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值