[Vue warn]: Error compiling template:

最新推荐文章于 2023-09-14 10:00:56 发布

原创最新推荐文章于 2023-09-14 10:00:56 发布 · 2.2w 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#VUE.js #解决方案 #javascript #前端 #技术学习

收录于

前端开发专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何解决Vue组件模板中必须包含唯一根元素的问题。提供了两种解决方案：一是为组件内容包裹一个根标签；二是对引用内容使用字符串格式的标签符号。

Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

你需要设置一个根元素。

解决方案1：

template="<div>原有内容</div>"

或者你别的什么标签也罢。

解决方案2：

在你引用的内容上加上字符串格式的标签符号。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

PlusZhang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

解决’ Error compiling template‘问题

qq_44196374的博客

02-26

2万+

报错截图原因:标签没写正确，缺少标签或者标签多了，如对应的标签没有闭合。解决方法：找到未闭合或者多余的标签，然后补全或者删掉。我的报错的原因是少写了一个闭合标签div补上去就没报错啦 ...

Vue 使用run ** 命令运行报错Errors compiling template

build2024

09-24

536

错误一:VUE之命令行报错：Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead 解决办法 1.如图: 2.错误原因其实就是说在模版里只能有一个主div（根对象），如果有多个元素，请用一个主div包含他们 3.错误代码 4.修改后的代码 5.编译就通...

参与评论您还未登录，请先登录后发表或查看评论

Error compiling template: Component template should contain exactly one root element. If you are usi

weixin_43974311的博客

08-05

1113

Error compiling template: Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead 错误编译模板: 组件模板应该恰好包含一个根元素。如果在多个元素上使用v-if，则使用v-else-if将它们链接起来加上这个div标签就好了，原因是：template标签只能包

出现这个错误vue.js:634 [Vue warn]: Error compiling template: invalid expression: Unexpected token的解决办法

weixin_45372418的博客

11-13

1万+

今天遇到如图的问题，错误代码直接上解决办法出现这个错误的情况我遇到这几个vue.js:634 [Vue warn]: Error compiling template 1、在绑定多个class是中间用‘“；”分隔，应该用“，” 2、为class动态绑定对象，所以要用{}，千万不要用 [ ],这是绑定数组时用的 ...

[Vue warn]: Error compiling template: Component template should contain exactly one root element.

会写bug的小邓程序员的博客

06-29

991

Vue报错：[Vue warn]: Error compiling template:Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. 错误原因：template里面只能一个根元素下面这种是正确的给出错误示例：这种也是正确的。只能包含一个根元素...

vue报错出现 [Vue warn]: Error compiling template

dazinzi的博客

12-16

7130

vue抱错出现 [Vue warn]: Error compiling template 出现的原因是在把新建的实例放在了被绑定的组件当中解决方法：

Vue报错出现[Vue warn]: Error compiling template：

mamiou_的博客

04-08

3316

原因把新建的实例放在了被绑定的组件中，位置错误因此会产生如下错误解决办法

[vue warn]: Error compiling template 模板编译错误

墨水白云的博客

05-18

1万+

模板编译错误：这种错误的产生往往在于对vue语法的使用错误问题。这里产生的原因：vue中双{{}}的使用一般放置在元素的标签之间当作内容变量使用，可以理解为放置在标签之间。例： <input type="text" :value="mycode.code"/>{{mycode.code}} , // 绑定属性的语法v-bind(: ) 而本错误为将双大括号放置在了元素标签的属性中。即：<input type="text" value="{{mycode.code}}"/>这样.

页面报错[Vue warn]: Error compiling template

hyq_07_27的博客

12-21

723

页面上报错：[Vue warn]: Error compiling template 最终检查是因为：出现的原因是把新建的实例放在了被绑定的组件当中 div 中有script <div id="content"> <script> $(".cont-box").css("padding-top", "21px"); </script> </div> 改为，在style 中写改样式。 ...

[Vue warn]: Error compiling template: vue 编译模板错误

热门推荐

马一文

11-08

2万+

[Vue warn]: Error compiling template: <div id="app"> <ul class="loginul"> <li> 登陆账号：<input type="text" id="userCode" value="{{user.userCode}}" name="use

Vue warn]: Error compiling template: Templates should only be responsible for mapping the state to

俺老孙来也

09-15

2万+

vueJs出现Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as 模板应该只负责将状态映射到ui。避免在模板中放置带有副作用的标记，例如错误代码： <body> &lt...

[Vue warn]: Error compiling template:invalid expression: Unexpected token ‘{‘ in

asdf1239900的博客

09-14

2006

vue中模板字符串的语法使用错误记录

Vue warn]: Error compiling template: Templates should only be responsible for mapping the state to

dw将限制条件全部检测通过后才能提交表单

12-01

2167

Vue warn]: Error compiling template: Templates should only be responsible for mapping the state to the ui. Avoid placing tags… 原因是你新建VUE实例的代码放在了被绑定的组件/标签. 我好像在

[Vue warn]: Error compiling template Component template requires a root element, rather than just te

PlusChang的博客

10-15

1万+

Component template requires a root element, rather than just text. 解决方案1： template="原有内容" 或者你别的什么标签也罢。 解决方案2：在你引用的内容上加上字符串格式的标签符号。 解决方案3：

模板字符报错vue.js:634 [Vue warn]: Error compiling template: invalid expression: Unexpected end of input

qq_44859233的博客

12-08

1297

Vue报错如下,解决办法: 不使用模板字符串 <ul :style="{transition:chageStr,transform:'translateX('+currentWidth+'px)'}" v-on:transitionend="transformend"> <li > <img :src="firstImg.src" /> </li> <li v-for="(item, index) in im.

使用vue的过滤器filter，在qq浏览器以及手机报错，谷歌chrom运行好着的"[Vue warn]: Error compiling template:

weixin_39495540的博客

12-01

1万+

使用vue的过滤器filter，在qq浏览器以及手机报错，谷歌chrom运行好着的 "[Vue warn]: Error compiling template: 首先过滤器要写在vue实例前面再就是写法要这样写不能加（）加了就报错了，虽然谷歌没报错，但是QQ浏览器会报错。。。。。。

Vue基础常识

qq_37959151的博客

11-25

426

vue.js:634 [Vue warn]: Error compiling template: invalid expression: Invalid or unexpected token in “itemRemove(index)” Raw expression: @click="“itemRemove(index)”" 4 | 5 | {{item.content}} - {{item.createTime}} -{{index}} 6 |

JS错误Uncaught SyntaxError: Unexpected token以及 vue-2.4.0.js:465 [Vue warn]: Error compiling tem解决方法

qq_42001188的博客

10-25

534

两种可能可以解决的方法：1、少了一个" 2、把中文的“”误以为英文的使用了望采纳，希望能帮助到你，有问题可以联系我qq1792842775！！