sourceMap轻松线上debuger

165 阅读1分钟

最近在工作中,遇到一个问题,项目在开发阶段不会报错,打包后在线上控制台有报错信息,导致无法进入系统,报错信息如下图:

3b0155d83351a5c592d6d36011c35c5.jpg 单看报错信息'0 of undefined',很难定位报错信息,因为根本没有具体的报错信息文件,并且在自己的项目中是搜不到这个文件的,因为这是打包后产生的js文件,点开后也是这种报错信息,被压缩过的代码,是不能阅读的,如下图:

deb406ff42139821ef9c05889b0f9b5.png

这时候通过修改vue.config.js的一个配置就能解决问题

image.png 这个配置默认是false,这个配置决定生产环境是否生成 sourceMap 文件,把他改成true试试,再次打包后控制台报错信息如下:

5abc81d02f1002aa49aeef457a9553c.jpg 这样就能够清楚的知道具体的报错文件,改完bug后记得将修改的配置改回false,不然会影响到线上的一个加载速度