mac 版 uni-app vue3 提示SyntaxError: Unexpected token .

mac 版 uni-app vue3 提示SyntaxError: Unexpected token .

开发环境 版本号 项目创建方式
Mac 4.57 HBuilderX

操作步骤：

  • mac 版，运行 vue3 项目。判断 id 的 data?.id 写法

预期结果：

  • 正常运行

实际结果：

  • SyntaxError: Unexpected token .

bug描述：

  • vue3 运行提示SyntaxError: Unexpected token .

更多关于mac 版 uni-app vue3 提示SyntaxError: Unexpected token .的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

我测试 vue3 运行到微信是正常识别的。你是不是走的dev 模式，不是发行模式？
我看 alert(obj?.a??‘str’) 发行后的产物是 alert((null == a ? void 0 : a.a) ?? “str”) 是安全的。

更多关于mac 版 uni-app vue3 提示SyntaxError: Unexpected token .的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个错误是因为在uni-app默认配置中，部分运行环境不支持可选链操作符(?.)语法导致的。

解决方案：

  1. 对于HBuilderX创建的uni-app项目，可以通过修改js编译配置来支持可选链： 在项目根目录的vue.config.js中添加：
module.exports = {
  transpileDependencies: ['@dcloudio/uni-ui']
}
  1. 或者改用兼容性更好的传统写法：
data && data.id
  1. 如果项目使用了cli创建，可以安装babel插件：
npm install [@babel](/user/babel)/plugin-proposal-optional-chaining
回到顶部