uni-app vue3版本微信小程序console为什么定位不到代码位置

uni-app vue3版本微信小程序console为什么定位不到代码位置

为什么我console出来代码都是定位到mp.esm.js:481 而不是具体的代码行

5 回复

看了编译的代码似乎console被转成了common_vendor.index.f(“log”, “at App.vue:7”, “App Show123”); 导致我代码打印的都是编译后工具那一行的索引

更多关于uni-app vue3版本微信小程序console为什么定位不到代码位置的实战教程也可以访问 https://www.itying.com/category-93-b0.html


你开启sourcemap了吗？

unpackage下有生成，目前我让其他然直接创建一个全新的vue3项目做测试，也是有这个问题

回复 3***@qq.com: uniapp重写了console.log，回溯源码可以参考这个链接 https://uniapp.dcloud.net.cn/tutorial/run/mp-log.html

在uni-app的Vue3版本中，console输出定位到mp.esm.js:481而不是具体代码行，是因为微信小程序开发工具在Vue3模式下默认使用Source Map的eval模式。这种模式会将代码合并并包裹在eval中执行，导致调试工具无法直接映射到源码位置。

解决方案：

  1. 在manifest.json中配置：
{
  "mp-weixin": {
    "setting": {
      "urlCheck": false
    },
    "vue3": true,
    "sourcemap": true
  }
}
回到顶部