微信小程序source map使用方法

微信小程序很早就推出了根据source map文件追踪,但是具体使用方法却一句话略过,苦了我这种半路出家前端的开发,主要来源还是这篇文章
1,首先下载source map文件

sourcemap文件

如果项目是分包加载的,那么解压后的source map文件是多文件的文件夹,文件结构和项目结构差不多
文件结构

2,现在举例说明这个map文件的使用方法
比如我想定位下面这个错误的位置
举例

首先我用的大佬的查看工具(点击下载),然后对应关系我在图中已经标明,这个map文件必须是下图这个
Mine文件夹下map

然后line:column填写小程序后台报错显示的行列,然后点击确定即可。

参考:
使用sourceMap文件定位小程序错误信息
mozilla/source-map库

推荐阅读更多精彩内容

  • 部署前端之前,开发者通常会对代码进行打包压缩,这样可以减少代码大小,从而有效提高访问速度。然而,压缩代码的报错信息...
    Fundebug阅读 2,061评论 5 7
  • 导火索 有一天一个测试同事的一个移动端页面白屏了,看样子是页面哪里报错了。 我自己打开页面并没有报错,最后发现报错...
    子慕大诗人阅读 631评论 1 3
  • 地球这颗宇宙中绝无仅有的蓝色星球,是那么美丽动人,就好像是流淌在宇宙中的蓝色多瑙河。如果那些远古的诗人有机会在太空...
    萌萌宝贝阅读 183评论 0 0
  • 夜深了,外面静悄悄的,漆黑一片。蛙鸣和蝉声让这世界更加的静谧,但是从窗户透出来一点点微光。工作疲惫的人已经趴在桌子...
    浮生流电阅读 212评论 0 0
  • 裹足不前 想与你平分黑白 梦里不该输入雷电的鞭子 抽打挥汗如雨的躯体 潮水漫过荷塘 一世青莲 高举义旗 呼风唤雨 ...
    明子的世界阅读 164评论 0 0
  • 20171104 周六 #口号(如:父母的高度是孩子的起点)# 孩子第三个30天目标: 认真吃饭,早睡早起 妈妈...
    文子16阅读 126评论 0 2