package-lock引起的奇妙问题
前言 一直以来对于npm的印象只停留在包管理工具上,使用起来就是在dependency里加个依赖就完了,一切都很顺利,偶然间发现项目里多出了一个package-lock的文件,但好像也没有什么用,就一直忽略,直到今天遇到问题。 问题现象 测试人员今天下午提了一个bug,并贴心的配合一张图来说明,如下图所示那个图标位置偏右。 我也没多想,感觉就是一个简单的样式问题,领了bug,打开IDE启动开发环境,准备三分钟解决。 定位流程 核实问题 启动了开发环境后,就有点懵逼,咦,我这里是正常的啊,如下图所示。 于是怀疑是不是测试人员的测试环境是不是有问题,让他访问一下我的机器,也是没问题的,我访问了一下测试服务也确实存在偏右的问题。ok,那现在肯定是有问题的了,开始定位。 检查代码一致性 第一步是检查测试线的代码跟master线的代码版本是否一致,因为测试服务是由CI系统构建的,有可能是测试同学的脚本异常,导致版本不一致。但是测试线和master线的hash值完全一致,表明两者的代码是一致的。 然后打开chrome针对每个图标元素对比,测试服务和开发服务的样式,发现测试服务的样式多了一些内容,从代码层面上完全没有找到关联信息。隐隐感觉到不太乐观。 检查环境一致性 第二步就是检查测试环境和开发环境是否一致了,开发环境使用了win10,测试环境则是linux,开发环境是npm run