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

最新推荐文章于 2023-09-14 10:00:56 发布
最新推荐文章于 2023-09-14 10:00:56 发布
阅读量1.1w 收藏
点赞数 2
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45372418/article/details/109671637
版权

今天遇到

在这里插入图片描述
如图的问题，

错误代码

在这里插入图片描述

直接上解决办法

在这里插入图片描述

出现这个错误的情况我遇到这几个vue.js:634 [Vue warn]: Error compiling template

1、在绑定多个class是中间用‘“；”分隔 ，应该用“，”

2、为class动态绑定对象，所以要用{}，千万不要用 [ ],这是绑定数组时用的

学会沉淀呀
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[Vue warn]: Error compiling template:
知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
04-04 2569
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...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue template 里使用可选链操作符( ?. )报错：Errors compiling template:invalid expression: Unexpected token ‘.‘ i
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
09-08 1万+
template 不支持可选链操作符，在可以升级 vue 版本的情况下，我们可以升级到。以上的几种版本都是可以的，安装切换完版本，然后运行服务，即可。一定要确定好 vue 版本的问题，可以去依赖里面看看版本，，在 vue template 里使用。大家也可以测试其他的版本，我试了一下。版本，同时 node 版本升级到。在 script 里添加是不报错的。然后通过 nvm 工具切换版本到。我也测试了一下，也是可行的。我使用的node 版本是。这个问题主要是 vue。
[Vue warn]: Error compiling template:invalid expression: Unexpected token ‘{‘ in
asdf1239900的博客
09-14 1098
vue中模板字符串的语法使用错误记录
java.lang.Error: Unresolved compilation problems:解决方案
huangbaokang的博客
07-18 9万+
出现该问题的原因主要是编译等级跟jdk不一致。 先查看你jdk版本 我这里是1.7,设置下Java compiler 和 Project Facets，问题解决！！
模板字符报错vue.js:634 [Vue warn]: Error compiling template: invalid expression: Unexpected end of input
qq_44859233的博客
12-08 1130
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基础常识
qq_37959151的博客
11-25 320
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 |
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console...
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
创建您的第一个Vue.js项目：从零到部署的完整指南
最新发布
05-29
创建您的第一个Vue.js项目：从零到部署的完整指南 Vue.js 是一个流行的前端框架，以其简单易学、灵活和高效的特点而受到开发者的喜爱。本教程将带您从零开始创建一个 Vue.js 项目，并逐步讲解每个步骤，确保您能够...
Vue报错汇总
李振恒
01-04 226
错误一 vue.js:634 [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. 官网： ...
Invalid or unexpected token：数据格式错误
热门推荐
FromNowOnUntilTheEnd
10-23 13万+
Uncaught SyntaxError: Invalid or unexpected token， 翻译成中文是： 捕获的查询无效或意外的标记。 代码逻辑没问题，那么就是数据问题了，把页面要展示的数据全部检查一遍后，果然发现疑点 1、多了单引号、双引号 2、加密后的一串16位/32位字符串，在jsp传到后台的时候报错，解决办法：给这串字符串加单引号或者双引号 其实这个错误提示是告诉我们： ...
Uncaught SyntaxError: Invalid or unexpected token
weixin_35790277的博客
05-08 510
Uncaught SyntaxError: Invalid or unexpected token 问题：无效或意外的访问。 原因：多加了或者少加了标点符号。 解决：只能花点眼力见找。 避免：还是要仔细，写代码不要追求速度，而不注意质量。
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 属性的绑定表达式中出现了一个非预期的字符串。具体来说，这个表达式中的双引号似乎不正确，可能是由于缺少了某个字符或者是语法错误导致的。需要检查模板代码中的语法错误和拼写错误，以确保表达式正确。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值