vue.js Error compiling template错误

最新推荐文章于 2024-10-28 13:44:55 发布
原创 最新推荐文章于 2024-10-28 13:44:55 发布 · 4.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端

本文详细解析了Vue实例中el绑定的标签出现未闭合或多余的情况，特别是针对id为search的div标签缺少闭合标签</div>的问题。文章提供了检查和修复此类错误的方法，帮助开发者确保DOM结构的正确性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

版权声明：欢迎转载，注明作者和出处就好！如果不喜欢或文章存在明显的谬误，请留言说明原因再踩哦，谢谢，我也可以知道原因，不断进步！https://blog.csdn.net/csonst1017/article/details/87806187

如图在这里插入图片描述

原因:
vue实例el绑定的标签范围内有标签未闭合或标签多余（如div未闭合）。
我这里是id为search的div中少了个</div>。

解决方法:
找到未闭合或多余的标签，然后补上或删除。

[Vue warn]: Error compiling template:
知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
04-04 2659
vue.js:634 [Vue warn]: Error compiling template: v-slot can only be used on components or . 2 | 3 | header 4 | footer | ^^^^^^^^^^^^^^^ 5 | 6 | (f...
HBuilder编译uniapp 报错Module Error ：Errors compiling template:（最终根本原因）
m0_73034508的博客
09-06 2736
uni-app报错Module Error ：Errors compiling template： 注意：（在uniapp中必须有一个view,且只能有一个根view;所有内容写在这个view下面）
Vue报错： Error compiling template:
ALLENsakaru的博客
07-16 2万+
报错信息如下： 出现如上情况，一般是一下几种情况导致的： {% verbatim %} {% endverbatim %} vue实例el绑定的标签范围内有标签未闭合或标签多余（如div未闭合）。找到后删除或补全 某些标签语句不能使用{{msg}}进行绑定，要通过v-model进行绑定。 比如：input,textarea等需要使用v-model进行绑定， ...
解决’ Error compiling template‘问题
热门推荐
qq_44196374的博客
02-26 2万+
报错截图 原因:标签没写正确，缺少标签或者标签多了，如对应的标签没有闭合。 解决方法：找到未闭合或者多余的标签，然后补全或者删掉。 我的报错的原因是少写了一个闭合标签div补上去就没报错啦 ...
Vue报错：Error compiling template: Component template should contain exactly one root element
最新发布
weixin_43971532的博客
10-28 399
出现这种情况就是需要在报错文件页包一层div。
vue.js:5108 [Vue warn]: Error compiling template: Invalid v-for expression: (item, index)in items 1 | <div id="app"> 2 | <li v-for="(item, index)in items"> | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 3 | {{item.message}}--{{index}} 4 | </li> (found in <Root>) warn$2 @ vue.js:5108 vue.js:5108 [Vue warn]: Property or method "item" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties. (found in <Root>) warn$2 @ vue.js:5108 vue.js:5108 [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'message')" (found in <Root>) warn$2 @ vue.js:5108 vue.js:3732 TypeError: Cannot read properties of undefined (reading 'message') at Proxy.eval (eval at createFunction (vue.js:11632:18), <anonymous>:3:91) at Vue._render (vue.js:2509:30) at Vue.updateComponent (vue.js:2948:29) at Watcher.get (vue.js:4178:35) at new Watcher (vue.js:4168:53) at mountComponent (vue.js:2965:7) at Vue.$mount (vue.js:9311:14) at Vue.$mount (vue.js:11870:20) at Vue._init (vue.js:4724:18) at new Vue (vue.js:5774:12)
07-11
根据错误信息，这个问题可能是由于Vue.js无法正确解析v-for指令的表达式而引起的。请确保在v-for指令中使用正确的语法格式。 从你提供的代码中，我注意到你在v-for指令中使用了括号，这可能导致解析错误。请尝试将...
vue.js:634 [Vue warn]: Error compiling template: The value for a v-bind expression cannot be empty. Found in "v-bind:"
03-22
这个错误提示是因为在 Vue 模板中使用了 v-bind 指令，但是指令的值为空。v-bind 指令用于动态绑定属性值，如果值为空，就会出现这个错误。需要检查模板中的 v-bind 指令，确保指令的值不为空。
vue.js:634 [Vue warn]: Error compiling template: invalid expression: Unexpected string in product.title"" Raw expression: :title="product.title"""
03-22
这个错误提示是由 Vue.js 编译模板时发现的，它指出在 product.title 属性的绑定表达式中出现了一个非预期的字符串。具体来说，这个表达式中的双引号似乎不正确，可能是由于缺少了某个字符或者是语法错误导致的。...
Error compiling template
zhangtw的博客
05-01 244
报错原因标签没有写全，或者没有标签闭合。如图
Error compiling template: <template> cannot be keyed. Place the key on real elements instead
lojieo的博客
04-09 1297
<template v-for="item in quarterList" :key="item.id"> <td>{{item.quarterValue}}</td> </template> 原因：vue不支持在 template 元素上绑定属性。比如这里想绑定 key 属性就不行。 解...
[Vue warn]: Error compiling template:invalid expression: Unexpected token ‘{‘ in
asdf1239900的博客
09-14 1790
vue中模板字符串的语法使用错误记录
Vue报错：Error compiling template: Component template should contain exactly one root element. If you
小吴同志的博客
06-18 3886
问题描述： 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来链接它们… 问题代码： 解决办法：所以
[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: Templates should only be responsible for mapping the state to
dw将限制条件全部检测通过后才能提交表单
12-01 2113
Vue warn]: Error compiling template: Templates should only be responsible for mapping the state to the ui. Avoid placing tags… 原因是你新建VUE实例的代码放在了被绑定的组件/标签. 我好像在
Vue Error compiling template:编译模板错误
寨板p45黑苹果10.12.6
01-10 1245
Error compiling template:指的是编译模板错误，意思是我模板套错了，但是这个代码是自己写的，有点懵，然后回去找有没有多余的div，发现div没有问题，后来找到@click绑定没有指定方法 jquery里这样写是没有问题的，但是在vue里就不行了，去掉绑定就可以拿到数据了 ...
Error compiling template: Component template should contain exactly one root element
qq_47701723的博客
08-28 561
组件的模板应该只能包含一个根元素，也就是是说作为元素的直系儿子的元素只能有一个 解决办法发是将template的子元素用一个包裹起来
error compiling template但编辑器内未报错，处理步骤。
ni15534789894的博客
04-13 1010
1.首先寻找自己所引入的组件当中，例如用到了某个方法，而自己没有把方法写上。 2.寻找自己所引入的代码当中是否有重复的代码，可能是复制的时候多复制一行而导致的 3.寻找是否有空格所导致的error compiling template 报错，可能是多了空格。 ...
Compiling... ,Error spawning cl.exe 解决方案——VC6环境变量配置
eiffee_CaR的博客
06-07 865
如果之前安装VC但是出于某种原因重装了，并且路径换了，导致不能编译，链接，运行。可以重新配置环境变量。 系统——高级系统设置——环境变量——***的用户变量 include C:\ProgramFiles (x86)\Microsoft Visual Studio\VC98\ATL\Include; C:\Program Files(x86)\Microsoft Visual Studio
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值