未使用构建工具时,如何在Sentry堆栈追踪中显示JavaScript源码?
无Source Map时在Sentry中显示JS源码的方法
因为你没有使用构建工具转译代码,你的JS文件本身就是原始源码,Sentry完全可以在堆栈追踪中显示源码,只需满足以下条件或操作:
确保Sentry可访问你的JS文件
如果你的网站是公开部署的,Sentry的后台爬虫会自动通过错误堆栈里的文件URL(比如示例中的path/to/somethingWrong.js)抓取对应源码文件,关联到堆栈追踪中,无需额外操作。手动上传源码(内网/本地环境)
若你的JS文件无法被Sentry自动抓取(比如本地开发、内网部署场景),可以通过Sentry CLI手动上传源码:- 安装CLI工具:
npm install -g @sentry/cli - 登录并配置项目:执行
sentry-cli login完成登录,再用sentry-cli projects set-default <你的项目ID>指定目标项目 - 上传源码:进入项目根目录,执行
sentry-cli releases files <自定义版本号> upload-sourcemaps ./ --ext js(版本号可设为当前日期或版本标识)
注意:这里无需上传Source Map,直接上传原始JS文件即可,Sentry会自动将其与错误堆栈关联。
- 安装CLI工具:
排查验证
触发测试错误后,在Sentry错误详情页查看堆栈追踪:- 若仍看不到源码,检查错误堆栈中的文件路径是否和上传的文件路径一致
- 确认项目设置的「安全」板块中已添加你的网站域名,允许Sentry抓取资源
内容的提问来源于stack exchange,提问作者c8112002
相关产品推荐
相关产品推荐

