我想将哨兵添加到我的 React 小部件中。 这是一个酒店预订小部件,很多酒店都在使用它。我在项目中添加了@senty/浏览器,现在每当他们的网站发生任何错误时都会出现问题,我会收到哨兵的问题。但我不想从他们的代码中得到错误。
这是我简单的哨兵配置代码:
import * as Sentry from '@sentry/browser'
Sentry.init({
dsn: SENTRY_DSN
})
我想要一种方法来告诉哨兵只从小部件范围发送错误(仅从属于小部件的某些 js 文件中发送错误(。任何帮助将不胜感激。
我搜索了一下,我发现的只是"beforeSend"函数,该函数将在发送问题之前调用。 但是我想不通。 beforeSend 的数据参数不包含任何用于检查错误是否来自我的代码的有用数据。 而且我不知道是否可以防止在发送之前发送问题。
PS:这些酒店将小部件添加到其网站的方式很简单。 他们只需要在网站的页脚(我的项目的内置主.js中添加一个脚本标签,并在他们想要放置小部件的任何位置添加一个div 标签(此div 标签必须具有特定的 ID(。
尝试使用这个:
import * as Sentry from '@sentry/browser';
init({
beforeSend(event, hint) {
const error = hint.originalException;
if (error && error.message && error.message.match(/database unavailable/i)) {
event.fingerprint = ['database-unavailable'];
}
return event;
}
});
吉图布问题