RUM Error Tracker - RUM 错误排查助手
快速从 RUM 错误定位到代码位置,提供 AI 驱动的修复建议。
✨ 功能特性
- 🔍 RUM 错误追踪:查询并展示 RUM 错误数据,直观了解错误影响范围。
- 📍 智能代码定位:结合 Source Map 和 AI 语义分析,精准定位压缩代码对应的源码位置。
- 🤖 AI 修复建议:深入分析错误堆栈,提供智能修复建议。
- 🔗 堆栈深度解析:完整还原混淆后的调用堆栈,支持点击堆栈帧快速跳转。
🚀 快速开始
零配置使用
安装后直接使用,插件会自动:
- 检测当前项目文件夹名作为服务名。
- 连接默认 Octopus API 查询最近 1 天的错误。
打开方式:
高级配置 (Settings.json)
如需配置 AI 模型参数或代理,请在 settings.json 中添加:
{
"rum-error-tracker.environmentVariables": [
{
"name": "CLAUDE_CODE_USE_BEDROCK",
"value": "1"
},
{
"name": "AWS_REGION",
"value": "us-west-2"
},
{
"name": "AWS_ACCESS_KEY_ID",
"value": "your-key"
},
{
"name": "AWS_SECRET_ACCESS_KEY",
"value": "your-key"
},
{
"name": "ANTHROPIC_MODEL",
"value": "your-model-name"
},
{
"name": "ANTHROPIC_DEFAULT_HAIKU_MODEL",
"value": "your-model-name"
},
{
"name": "ANTHROPIC_DEFAULT_SONNET_MODEL",
"value": "your-model-name"
},
{
"name": "ANTHROPIC_DEFAULT_OPUS_MODEL",
"value": "your-model-name"
},
{
"name": "HTTP_PROXY",
"value": "http://proxy-aws-us.zhenguanyu.com:8118"
},
{
"name": "HTTPS_PROXY",
"value": "http://proxy-aws-us.zhenguanyu.com:8118"
}
],
"rum-error-tracker.defaultTimeRange": "1d"
}
配置说明:
defaultTimeRange:默认查询时间范围(可选:4h/1d/7d)。
📖 使用指南
- 查看错误:面板展示错误列表,按时间倒序排列。
- 分析详情:点击错误卡片查看完整堆栈和调用链。
- 定位代码:点击堆栈帧直接跳转到源码位置。
📦 安装与验证
Cmd+Shift+P -> Extensions: Install from VSIX... 选择插件文件安装。
- 安装后右下角状态栏显示
DiveRum 即为安装成功。
❓ 常见问题
Q: 找不到错误对应的代码?
A: 请确保:
- 项目已构建且 Source Map 文件存在。
- 服务名称与 RUM 上报名称一致。
- 错误发生的文件在当前工作区中。
Q: 支持哪些错误类型?
A: 支持所有 JavaScript 运行时错误、Promise 异常及网络请求错误。