这样需要说明一下, 我一开始没执行这一步操作, 虽然在构建过程中程序会给我们新建这些本该有的目录. 然而, 后续出现的一连串让人崩溃的问题, 譬如There was an error loading data, 也会与此相关. 在部署到linux机器上时, 出现过一种情况就是:…

我能怎么办？我也很绝望啊。。我也不知道客户咋玩出来的啊。。一脸蒙圈。。 现在你们的救星来了。。。sentry。。简单几步就能让你快速定位到用户报错位置 学习一个框架，最好的就是先收藏他的官网链接（全是英文。。。脑袋疼） 地址最后的是项目编码，如果你一个账户有多个项目，每个是不同…

前两章说了sentry的基本用法和设置，这章继续用来说明sentry的一些高级应用。 以上代码就是定制错误信息了。如果你的项目比较简单，甚至都不需要写Sentry.captureException，只需要简单的init sentry，它就可以自动捕捉错误了。 请继续往下看。 这…

上一章，介绍了，为啥前端需要线上bug追踪系统，以及简单的在sentry注册了一个账号，做了一个小demo，演示了初步的流程。 这章继续接上一章，如何解决前两个疼点。 刷新浏览器，再次进入sentry后 可以看到【版本】这个按钮里面有了【指定的】版本号。 现在每次线上报的bug…

上回说到，上传了sourseMap后还存在一些问题，比如开发调试的时候，报错也会被收集，那么多错，我看的岂不是头都大了，同时开发时报错不会再显示，就会为开发造成困扰，这次我们着重解决这些问题。 至此我们就已经做到了只有正式环境会生成.map文件并上传至服务器上。但此时有一个问题…

前端监控一直开发生产中很重要的一环，因为组内原本的项目监控机制不能通用以及新项目暂时还没有完善的前端监控，所以想着自己研究搭建一下可行的前端监控方案。所以就有了这篇文章，小公司节约成本，收费的监控方案就不考虑了，采用的就是免费方案中最主流的 sentry～😄 回归本质，学 D…

很多公司都会搭建自己的错误监控系统。我自己想尝试搭建监控系统，源于我们公司内部小程序线上报错，不能及时定位问题，刚好看到有博文在推荐sentry,于是我饶有兴趣去关注它。 依照个人或公司需求填写如上信息。因为我是个人项目测试，填写的是自己相关的信息 其实方法很简单的。就是git…

本文将结合工作，描述一下前端监控系统Sentry搭建过程中，背景、设计、实现、思考四个方面的感悟及问题。 监控从字面含义来看包含两方面内容：监，监测的是代码；控，控制的是质量。监控是工具而不是目的，不是为了具有功能而监控，而是要通过监控，真正了解页面运行情况，以达到代码运行质量…

总之是一个听起来非常牛逼的开源的报错收集服务，目前公司里有一个比较奇怪的现象，server、app都有对应的监控系统，唯独H5没有完美的解决方案。可能是H5诡异的case太多了，而且追查还需要依赖sourcemap，麻烦。但能及时获取页面报错的工具，深受前端开发者的喜爱，对于线…