react+sentry+sourcemap踩坑日记

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后台既可以看到

最终效果图

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