react+sentry+sourcemap踩坑日记

Elizabeth15

1.react项目需要部署sentry,整个过程大约用了两天时间,官方文档地址:https://docs.sentry.io/platforms/javascript/sourcemaps

网络上很多都是vue的sentry,react相关基本没有,这个可以给需要的同学一个参考

如何使用流程有很多,可自行百度

我这个主要表述一个具体配置的过程

基础环境:create-react-app,wenpack文件已经被隐藏掉了

所以我们可以在config-overrides.js增加配置文件

重点说一下

urlPrefix这个参数,这个地方特别坑,

具体描述

即,如果您的文件类似于:

// -- end script.min.js//# sourceMappingURL=script.min.js.map

并托管在http://example.com/js/script....,然后Sentry将在http://example.com/js/script....。因此,必须将您上传的工件命名为http://example.com/js/script....(或~/js/script.min.js.map)。
**

工件命名

基本第一个坑已过,

第二个,上述配置都已完成,但是sourcmap和sentry还是没有对应

这个是因为我们sentry部署在测试环境,没有办法访问http://localhost:3000本地的map,只需要将我们的代码部署在测试环境。再打开sentry后台既可以看到

最终效果图

本人技术博客经验不足,表述可能存在不清楚的地方,可以加我的好友,或者给我留言

阅读 3.3k
0 声望
0 粉丝
0 条评论
0 声望
0 粉丝
文章目录
宣传栏