vue template 里使用可选链操作符( ?. )报错Unexpected token . in _s(item?.publishInfo?.remark) Raw expres

最新推荐文章于 2024-04-30 20:29:16 发布
最新推荐文章于 2024-04-30 20:29:16 发布
阅读量1.3k 收藏 2
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZYX10077/article/details/126958389
版权

vue template 里使用可选链操作符( ?. )报错Unexpected token . in _s(item?.publishInfo?.remark) Raw expres

问题在跟多个同事开发项目中，同事使用?.语法可以，我使用就报错，报错如下
在这里插入图片描述
在这里插入图片描述

分析报错原因： 我用的版本是12.10.0, vue 是2.6.7，同事用的是node 16.14.0 vue 2.7.0

解决方案

把vue改到2.7.0以上
在这里插入图片描述
把node升级14.0.0版本以上就可以了
在这里插入图片描述

修改前

修改前

修改后

在这里插入图片描述

努力少年_
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue.js 中使用（...）运算符报错的解决方法
10-18
在Vue.js开发过程中，我们经常会遇到使用ES6新特性时出现的兼容性问题，其中扩展运算符（...）就是一种常见的例子。扩展运算符在JavaScript ES6中引入，用于复制和合并数组或对象，但在一些旧版本的浏览器或环境中...
vue_dev_tools.crx
04-12
Vue.js 是一款流行的轻量级前端JavaScript框架，它简化了网页和单页应用（SPA）的开发过程。Vue DevTools 是一个强大的浏览器扩展，专为Vue.js应用提供调试和性能分析功能。在本篇文章中，我们将深入探讨Vue ...
vue报错：Uncaught SyntaxError: Unexpected token &lt；也就是前端的js请求响应数据是html格式的原因和解决方法
jycloub4的博客
08-04 4957
【代码】vue报错：Uncaught SyntaxError: Unexpected token &lt；也就是前端的js请求响应数据是html格式的原因和解决方法。
Vue2 中 ?. 可选链式调用操作符出现的问题
X_Promise的博客
06-29 5281
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。链接： 可选链式操作符地址 下面举例示例代码如下： 二、在vue2中遇到的问题以及解决方案 当我们在vue2中使用的时候，你会发现在Vue2环境
Vue 项目报错：Uncaught SyntaxError: Unexpected token ‘＜‘
Noals的博客
05-30 1万+
问题：最近做vue项目时，当我访问二级路由的时候，就会报Uncaught SyntaxError: Unexpected token ‘＜‘错误，而我访问一级路由不会报错。翻了网上很多资料，都无法解决。 一、public下的index.html没有引入其他外部js文件。 解决方法：清除浏览器缓存。 二、public下的index.html引入其他外部js文件。 原因一.引用文件的位置不正确 js文件放在static文件夹下和放在assets文件夹下的引用方式是不一样的。简而言之： 1...
vue项目使用可选链操作符编译报错问题
热门推荐
roylinziyang的博客
03-04 1万+
可选链操作符是ES2020中推出的新语法，允许我们不需要校验当前属性的类型去尝试访问子属性。 const a = b?.c?.d 在vue项目中使用可选链操作符语法时会出现编译报错的情况，需要安装babel依赖@babel/plugin-proposal-optional-chaining,并添加到babel.config.js中。 安装 npm install @babel/plugin-proposal-optional-chaining --save-dev 安装过程中可能会出现"源文本中出现
vue项目.可选链操作符浏览器报错提示编译失败
qq_44716001的博客
06-16 554
【代码】vue项目.可选链操作符浏览器报错提示编译失败。
vue.js 中使用（…）运算符报错的解决方法
12-10
在Vue.js开发过程中，我们经常会遇到使用ES6新特性时出现的兼容性问题，特别是当使用扩展运算符（…）时。扩展运算符在ES6中是一个非常实用的特性，它允许我们方便地合并对象或者数组。然而，不是所有的浏览器都支持...
在Vue中使用this.$store或者是$route一直报错的解决
10-16
今天小编就为大家分享一篇在Vue中使用this.$store或者是$route一直报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue.js template模板的使用(仿饿了么布局)
10-18
在这个示例中，我们看到如何使用 Vue.js 的 `template` 模板来构建一个类似饿了么的布局，具体涉及到四个组件：`header.vue`, `goods.vue`, `ratings.vue`, `seller.vue`。 1. **组件化开发**： - 组件是 Vue.js ...
vue2中template里使用可选链操作符( ?. )报错解决方案
最新发布
qq_44741577的博客
04-30 1197
版本，同时 node 版本升级到。不支持可选链操作符，升级。
【已解决】vue3中使用已添加的全局属性，template中使用报错(ts)
qq_43588993的博客
04-23 2603
$fitlers自定义全局属性： app.config.globalProperties.$filters = {} template中使用报错： 解决：对vue进行类型补充说明 declare module '@vue/runtime-core' { interface ComponentCustomProperties { $filters: any } }
【vue-cli】使用es6的可选链?.操作符报错Module parse failed解决记录
向着光芒的女孩
07-30 1万+
使用场景：发现项目有些旧代码多层调用某个对象的属性，由于目标对象可能没那个属性，就导致报错，之前研究es6新特性时发现可以用?.来判断某个对象是否有某个属性来赋值。 测试源代码： var a = { name: 'hello' } var b = a?.name; console.log('a',a,'b',b) 在vue-cli中发现用不了： 后面尝试去解决，成功后浏览器控制台能打印出来 解决过程 因为我们这个项目是用的vue-element-admin,我自己在另外一个vue-cli工程.
Vue项目中支持可选链（链判断运算符）操作
在路上`的博客
03-29 2088
【代码】Vue项目中支持可选链（链判断运算符）操作。
vue项目：可链式调用的写法（js和template中使用）——挂载到vue原型上——技能提升
yehaocheng520的博客
05-10 3091
vue项目：可链式调用的写法（js和template中使用）——挂载到vue原型上——技能提升
vue项目中使用可选链 ( ?. )和双问号 ( ??）详解
@必意玲
10-10 1万+
配置完了,就可以在项目中使用可选链 (?. ) 和双问号 (?属性，如果不存在则设置默认值张三。文件添加 plugins 配置。
vue2.0 使用可选链操作符
weixin_40466351的博客
07-16 5287
vue2.0 使用可选链操作符
vue-使用可选链操作符编译报错问题
qq_42164957的博客
10-11 4074
vue-使用可选链操作符编译报错问题
Mac vue3 使用可选链操作符 ?. 及空值合并操作符 ??编译报错
北纬先生
03-25 408
Mac vue3 使用可选链（?.）和 双问号 （??） 使用可选链操作符 ?. 及空值合并操作符 ??编译报错
vue.js报错unexpected token <
08-17
这个错误通常是由于页面请求的js文件资源找不到所致，服务器返回了一个html页面而不是js文件。当浏览器在script标签中解析这段html内容时，就会报出"unexpected token <"的错误。这种情况通常发生在代码更新重新打包后，导致js文件路径中的hash码改变，而浏览器仍在请求旧的文件路径。解决这个问题的方法是刷新页面，以便浏览器重新请求正确的js文件路径。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [【前端疑难杂症】Vue 项目报错Uncaught SyntaxError: Unexpected token ](https://blog.csdn.net/FortheOne/article/details/123073336)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [解决vue打包后刷新页面报错：Unexpected token <](https://download.csdn.net/download/weixin_38674050/12937872)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值