sentry 手动上传sourcemap文件

全局安装 @sentry/cli

npm i -g @sentry/cli

1. 登录sentry

私有化部署方式登录 sentry-cli --url https://myserver login Saas方式 sentry-cli login 回车后输入第2步中的token.Saas版不需要指定URL,token就是上一步中创建的token

2. 创建.sentryclirc文件

登录成功后会提示创建了一个.sentrylrc文件,根据提示路径,找到并打开 通常我们都会在项目根目录执行以上命令,这样文件会自动生成到项目根目录下

3.配置.sentryclirc

补充org和project信息到.sentrylrc

[auth]
token=YOUR API TOKEN
 
[defaults]
url=服务器
org=组织
project=项目
复制代码

• 服务器:Saas版填 sentiry.io

• 组织:点击左上角头像选择OrganizationSetting,在右侧General面板的Name选项

• 项目:点击左侧菜单Projects,选择找的项目卡片,顶部Title就是项目名

如下是我的配置信息

4.创建release

创建Release:

sentry-cli releases -o 组织 -p 项目 new dev@1.0.0

删除 Release:

sentry-cli releases -o 组织 -p 项目 delete dev@1.0.0

5.上传sourcemap

打包你的项目，生成sourcemap

上传sourcemap文件到sentry

sentry-cli releases -o 组织名 -p 项目名 files 版本号 upload-sourcemaps 打包后的js目录 --url-prefix 线上js访问地址

其中最需要注意的是线上js访问地址，多半上传sourcemap成功，但是不能解析的都源于此。成功后的sourcemap文件可以在你的项目下的releases下对应版本查看，正确的应该如下图：

正常解析后的结果是可以定位到代码行的错误提示，如下：

删除sourcemap指令

sentry-cli releases files 发布版本号 delete --all

参考

sentry + vue实现错误日志监控