运行vue项目时报错The template root requires exactly one element

最新推荐文章于 2024-05-30 14:05:09 发布
最新推荐文章于 2024-05-30 14:05:09 发布
阅读量1.4k 收藏 3
点赞数 2
文章标签： vscode vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44999716/article/details/113704454
版权

运行vue项目时报错The template root requires exactly one element

在终端输入npm run serve运行vue项目后，报错The template root requires exactly one element，解决方案：

第一步：先看是否安装了Vetur插件，没有安装的话按照下图安装一下，下图用的是vscode软件

在这里插入图片描述

第二步：安装好了Vetur插件后，依次点击文件=》首选项=》设置，然后在最上面的输入框内输入eslint来搜索 Vetur的验证模板，取消勾选Validate vue-html in using eslint-plugin-vue（把对勾取消掉，像图片上一样）

在这里插入图片描述

在这里插入图片描述

煜成'Studio
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
创建项目时VUE报错的解决办法
02-25
创建项目时VUE报错的解决办法
VS code 安装VUE3 模板报错The template rootrequires exactly one element. eslint -plugin-vue
build2024
06-16 5545
1.修改vs code vetur扩展配置，打开搜索，输入vetur ,然后把下面的选项的去掉。 2.另外一种是修改ESLint 配置，添加以下内容 。。。这个我找不到怎么添加。 两者修改一个应该就可以了。目前我是这个处理的。 3.修改完成，重启一下vs code，就好了 参考文章：https://blog.csdn.net/qq_45301392/article/details/117714671......
vue3报错The template root requires exactly one element
曈欣的博客
11-18 2654
vue3 项目报错：The template root requires exactly one element，大概意思是模板根目录下只需要一个元素。根目录下只能有一个跟元素，是 Vue2的要求，Vue3 中已经去掉了这个限制。那么如何解决这个错误提示呢？
vue3报错：The template root requires exactly one element
最新发布
weixin_52648900的博客
05-30 492
解决 vue3 根组件 在 vscode 中报错
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':
Vue：The template root requires exactly one element.的解决办法
热门推荐
灿灿大王搭建的黄金屋
05-28 9万+
这是因为vue的模版中只有能一个根节点，所以在<template>中插入第二个元素就会报错 解决方案： 将<template>中的元素用一个大的<div>包起来，这样就可以在其中添加多个元素了，可以参考以下示例： <template> <div id="vue"> Hello Vue.js!{{message}} ...
vue--The template root requires exactly one element.的解决办法
weixin_56181202的博客
03-14 1783
vue--The template root requires exactly one element.的解决办法。报错原因： 在vue中会出现以上问题，这是因为vue的模版中只有能一个根节点，所以在中插入第二个元素就会报错。
解决vue项目运行npm run serve报错的问题
01-18
先来一张报错的截图 先去配置环境变量 C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置 ；%SystemRoot%\system32;...补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin
vue踩坑记-在项目中安装依赖模块npm install报错
10-17
主要介绍了vue踩坑记-在项目中安装依赖模块npm install报错，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-cli 项目打包完成后运行文件路径报错问题
12-10
Vue CLI 是一个官方提供的 Vue.js 开发工具，用于快速搭建 Vue.js 项目。它集成了很多开箱即用的功能，如构建工具、热更新、ESLint 集成等。在使用 Vue CLI 创建的项目中，打包过程是通过 webpack 进行的，这涉及到...
The template root requires exactly one element解决方法
weixin_57246351的博客
10-06 738
报错原因:模板根只需要一个元素。 错误代码 <template> <!-- 一级路由 --> <router-view></router-view> <div class="test">我是测试文字</div> </template> 正确代码 <template> <div> <!-- 一级路由 --> <router-view></
【Vue报错】在vscode里报错The template root requires exactly one element的解决方案
weixin_45388918的博客
09-07 1567
使用VScode创建vue项目时，加载了vetur插件。vetur按照了Vue2的标准所以报错。Vue2 中只允许里存在一个根节点。但是vue3中可以存在多个根节点。标签，之后所有的组件全部加在。1、在 中添加一个。
vue报错：The template root requires exactly one element
ThisEqualThis的博客
11-22 1173
这段话的意思是：根模板必须有一个准确的元素。 在vue组件中会使用template标签，在template中，还需要一个标签元素将其他标签元素包裹起来，因为template标签是不会被DOM解析，生成DOM元素的时候会被隐藏。 //helloWorld.vue //正确写法 <template> <div> <h1>我是h1</h1> &l...
the template root requires exactly one element
猪儿君的博客
03-03 1207
报错：the template root requires exactly one element 翻译：模板根只需要一个元素 解决方案： <template> <!-- 加上一个div 将整个内容框起来，以后任何内容，都要在这个大的div里面写， --> <div> <h1>Child组件显示成功</h1> <h1>{{msg}}</h1> </div> &lt......
VUE报错：The template root requires exactly one element.
sun_luming的博客
06-04 2917
今天在写VUE组件时碰到一个错误：The template root requires exactly one element. 如下图： VUE的模板里有且只能有一个根节点，这里我放了两个el-date-picker元素，所以就报了这个错误，搞个div，把他们两个都放到div里就好了。 也就是在template标签中只能有一个根元素，所以我们可以弄一个div，把这个组建中需要的所有元素都放进这个div中就不会报这个错了。 ...
the template root requires exactly one element vue/valid-template-root
璨星烁的博客
08-08 1133
解答： Vue-cli项目中vue文件的标签只能有一个根元素。所以template中的内容可以用一个div给包裹起来即可
项目报错：[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 中添加一个 标签，之后所有的组件全部加在 即可解决。 ...
error The template root requires exactly one element vue/valid-template-root
07-28
这个错误通常发生在Vue...通过将内容包裹在一个单独的元素中，你就可以避免出现 "The template root requires exactly one element" 的错误。记得确保你的模板只有一个根元素，并且在根元素之外没有其他直接子元素。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值