reactjs - 无法让 Sentry 在本地记录 React 问题
问题描述
Sentry 新手,第一次尝试在我的本地开发环境中设置它。我正在按照安装和配置说明进行操作,但 Sentry 仪表板中没有记录任何内容。浏览器中出现错误,但没有发送到 Sentry。我究竟做错了什么?
反应版本 16.12.0
index.js
const Index = () => {
...
import * as Sentry from "@sentry/react";
import { Integrations } from "@sentry/tracing";
import App from './App';
Sentry.init({
dsn: "https://#####@####.ingest.sentry.io/####",
integrations: [new Integrations.BrowserTracing()],
tracesSampleRate: 1.0,
});
return (
<BrowserRouter history={history}>
<UserContext.Provider value={providerValue}>
<App />
</UserContext.Provider>
</BrowserRouter>
);
}
ReactDOM.render(<Index />, document.getElementById('root'));
故意错误
return <button onClick={methodDoesNotExist}>Break the world</button>;
解决方案
原来uBlock Origin阻止了 Sentry 的 API 调用。通过查看浏览器的控制台、网络选项卡并看到对 sentry.io 的调用出现错误,我能够弄清楚这一点。在仔细检查 Transferred 列后,它显示它被 uBlock Origin 阻止。
关闭 uBlock Origin 让它工作。
推荐阅读
- python-3.x - 为什么在向具有不同 dtype 的二进制图像添加噪声时会得到不同的结果
- flutter - 如何在 Flutter 中启动 WebViewController
- google-cloud-storage - 云存储 API 的 nextPageToken 是否过期?
- python - 当用户输入字典中的键或值时,仅保存一次 KEY
- java - 为什么我的字符串设置为像我的整数值一样显示为空?(爪哇)
- javascript - process.stdin.on('data'...) 不会从控制台读取
- php - 拉拉维尔。errno: 150 "外键约束格式不正确"
- php - PHPWord 表格边框不起作用,打开时出现 Word 文件错误
- python-3.x - 无法创建解释器 Pycharm
- jq - 如何组合 2 个独立过滤器的输出