微信小程序上传版本报错，Unexpected token:punc (.)

微信小程序上传版本报错，Unexpected token:punc (.)

标签：微信小程序、语法错误、前端调试

前几天我在调试一个微信小程序页面时遇到一个非常离谱的问题。本地一切正常，功能跑得贼溜，但上传到微信开发者工具发布时，直接给我来了一句：

file:pages/my/orderDetail/orderDetail.js Unexpected token:punc (.)

这啥意思？代码中明明没有多余的标点符号呀。

当时我还挺懵，查了好久才发现是代码里用了 ?. 可选链操作符。本地调试时完全没问题，上传发布时竟然翻车了！

---

可选链操作符是个啥？

可选链操作符 ?. 是 ES2020 的新特性，主要作用是避免访问 null 或 undefined 的对象属性时抛出错误。

举个例子：

const user =