前端接入sentry可能会遇到的坑
-
多个项目下,sourcemap 会混乱
解决:
在配置版本的时候除了填写版本号,最好在版本号添加该项目名称前缀 -
sourcemap 源码定位不了
解决:
1. 仔细查看对应的路径是否正确
2. nginx 是否设置了上传的最大限度(这里会有报错)
3. SentryWebpackPlugin 的urlPrefix配置错误(打开对应的web程序,打开网络控制面板,筛选js,查看该js 对应请求的地址即可,例如:http://xxxxx.com/static/1.js 那么我们就填写:http://xxxxx.com/static)
4. 版本号要一致
5. token的生成一定要给写入权限 -
异步错误不捕获不上报(全网唯一正确的解决方案)
- 查看你的js资源是不是cdn请求过来的,或者跟当前网址不一致
- 本地调试时,异步错误正常捕获,线上不捕获不上报
解决:
配置webpack的output,
output: { ...,// 你的其他配置 crossOriginLoading: 'anonymous' } // 具体查看相关api https://webpack.docschina.org/configuration/output/#outputcrossoriginloading