微信小程序 sourcemap 使用

3,132 阅读1分钟

微信小程序打包上传以后, js文件会压缩合并混淆以及es5的转换, 发生错误以后, 是很难根据错误信息, 定位发生错误的位置的, 微信官方提供了 sourcemap 工具解决了这个问题.

  1. 错误日志查看 微信小程序后台 -> 开发 -> 开发管理 -> 运维中心 -> 错误日志

image.png 如上图所示, 根据错误日志, 很难确定错误具体文件以及代码位置

  1. 下载sourcemap文件

image.png

体验版本的 sourcemap 在上传版本成功后会生成, 可自行下载

image.png

  1. 在微信开发者工具中安装sourcemap工具

安装:

image.png

使用 image.png

  1. 选择下载到本地的 sourcemap 文件, 填写错误日志的位置, 定位错误文件以及代码位置

image.png

  1. 其他问题 sourcemap 定位失败要注意线上的版本号和sourcemap文件是否一致.

sourcemap html 工具 html下载:链接: pan.baidu.com/s/1id4qE5jP… 提取码: 7rhn

image.png

官方的解释文档: developers.weixin.qq.com/community/d…