javascript - Sentry JS 不会忽略全局错误

Question

在下一个设置中，我将 @sentry/react 与我的 React/Redux 应用程序一起使用:

Sentry.init({
  ignoreErrors: [
    "top.GLOBALS",
    "$ is not a function",
    "A.getAll is not a function.",
    "Cannot read property 'offsetWidth' of undefined",
    "undefined is not an object (evaluating 'tiles[0].offsetWidth')",
  ],
  integrations: [
    new Sentry.Integrations.GlobalHandlers({
      onerror: false,
      onunhandledrejection: false,
    }),
  ],
  dsn:
    "https://*****.ingest.sentry.io/****",
});

然后我像这样包装我的应用程序:

    ReactDOM.render(
      <Sentry.ErrorBoundary>
        <Provider store={initializeStore()}>
          <StyleSheetManager target={styleContainer}>
            <App />
          </StyleSheetManager>
        </Provider>
      </Sentry.ErrorBoundary>,
      reactRoot
    );

因为我的应用程序安装在我的大量客户网站上 - 在我的应用程序之外的范围内总是会产生错误，正如您在配置中看到的那样 - 我试图忽略它们以避免提高我的 Sentry 订阅限制，但它并没有真正起作用——我每月不断收到 200 万个错误。除了安装 Sentry On Premise，还有什么我可以做的吗？

Answer 1

我建议您使用 Regex，这样您就可以构建多个模式来解决所有可能的错误。例如。

const ErrorsRegex = new RegExp(` "top.GLOBALS | $ is not a function 
    | A.getAll is not a function | Cannot read property 'offsetWidth' of undefined 
    | undefined is not an object (evaluating 'tiles[0].offsetWidth')`,
    'gmi'
);
Sentry.init({
    dsn: "https://*****.ingest.sentry.io/****",
    ignoreErrors: [ErrorsRegex]
});