无法让 Sentry 在本地记录 React 问题

Question

Sentry 新手，第一次尝试在我的本地开发环境中设置它。我正在按照安装和配置说明进行操作，但 Sentry 仪表板中没有记录任何内容。浏览器中出现错误，但没有发送到 Sentry。我做错了什么？

React 版本 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>;

Answer 1

原来uBlock Origin 阻止了 Sentry 的 API 调用。通过查看浏览器的控制台、网络选项卡并看到对 sentry.io 的调用出现错误，我能够弄清楚这一点。仔细查看 Transferred 列，发现它被 uBlock Origin 屏蔽了。

关闭 uBlock Origin 即可正常工作。