家人们谁懂啊,next.js 配置 sentry,一行代码都不用写!

995 阅读1分钟

nextjs在国内似乎还是比较小众,再加上配置 sentry,相关资料就更少了。

之前在掘金搜到一篇相关的文章,不过已经是两三年前的了。

最近在捣鼓sentry的相关配置,就想着把 nextjs 的项目也接入进去,不过没想到,这 sentry 实在是太贴身了,我除了 从官网复制下 yarn 安装代码,其他什么都没有动,这配置自动给完成了!666啊。

jym莫急,且听我徐徐道来。

sentry.png

首先打开 sentry 官网,在搜索框搜索 nextjs。或者直接看到 nextjs 图标点击就行。

然后根据官方提示安装 sentry

看到有行字“虽然可以 手动配置所有内容 ,我们有一个向导可以自动执行初始步骤。若要使用该向导,请从项目的根级别运行以下命令”,那就试试呗。

sentry2.png

npx 走起!

npx @sentry/wizard -i nextjs

看图,之前需要自己手动创建的  sentry.client.config.js and sentry.server.config.js等文件,现在都可以自动创建了。

2023-04-11_205050.png

看看命令行里面的提示,简直不要太贴心了!

微信截图_20230411205559.png

再回到 IDE 里面,真的有啊!

微信截图_20230411210130.png

既然都这么方便了,就来一个错误吧。

throw new Error('next.js');

回到控制台,还真的就有了!

微信截图_20230411210352.png