裸模板ios真机调试报错vendor.js 4153 Error during evaluating file app js

裸模板ios真机调试报错vendor.js 4153 Error during evaluating file app js

操作步骤:

  • 裸模板(vue3版本) 直接导入到微信开发者工具,选择真机调试->二维码真机调试->ios系统。

预期结果:

  • 看附件报错。

实际结果:

  • 看附件报错。

bug描述:

  • 裸模板(vue3版本) 直接导入到微信开发者工具,选择真机调试->二维码真机调试->ios系统。 报错。且页面无法全部正常正显示(会部分显示)。

image

信息类别 详情
产品分类 uniapp/小程序/微信
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 24H2
HBuilderX类型 正式
HBuilderX版本号 4.66
第三方开发者工具版本号 1.06.2503310
基础库版本号 3.0.0-4060620250520001
项目创建方式 HBuilderX

4 回复

您好,有解决吗,我目前也是遇到这个问题


我也遇到了这个问题,请问解决了吗?

我试了下在manifest文件里的mp-weixin下设置es6为false,manified为true就好了: “setting”: {
“urlCheck”: false,
“es6”: false,
“postcss”: true,
“minified”: true // 开启代码压缩
},

这是一个典型的 iOS 真机调试兼容性问题。从报错信息看,vendor.js 第 4153 行在解析 app.js 时出现语法错误,但实际代码在开发工具中运行正常。

主要原因是 iOS 系统 JavaScriptCore 引擎对 ES6+ 语法支持度较低,而 uni-app Vue3 版本默认使用更现代的 JavaScript 语法。

解决方案:

  1. 配置编译兼容性manifest.json 中配置:

    {
      "app-plus": {
        "usingComponents": true,
        "compilerVersion": 3,
        "es6": false,
        "es5": true
      }
    }
    
  2. 检查依赖兼容性 确保所有第三方依赖都支持 ES5 语法,可在 vue.config.js 中配置 transpileDependencies:

    module.exports = {
      transpileDependencies: ['@dcloudio/uni-ui', '其他依赖包名']
    }
回到顶部