BugSnag 错误边界未在 Bugsnag 中记录错误

Posted 2023-02-21

【中文标题】BugSnag 错误边界未在 Bugsnag 中记录错误

【英文标题】：BugSnag Error Boundary Not Logging Error in Bugsnag

【发布时间】：2019-11-11 03:26:52

【问题描述】：

我有这个

bugsnagClient.use(bugsnagReact, React)
const ErrorBoundary = bugsnagClient.getPlugin('react')

<ErrorBoundary FallbackComponent=ErrorFallbackComponent>
    <AppContainer />
</ErrorBoundary>

export const ErrorFallbackComponent =  () => <div>An error has occurred</div>

但是我只注意到我实际上做的错误bugsnagClient.notify(new Error(error.errorMessage));

我想知道是否必须将bugsnagClient.notify(new Error(error.errorMessage)); 添加到我的错误边界中，如果需要，如何添加？

我正在查看 this，但我不确定 bugsnag 代码是否已经包装了我的代码并且已经拥有这些方法。

【参考方案1】：

我建议看一下latest documentation，它重点介绍了如何创建错误边界。

const ErrorBoundary = Bugsnag.getPlugin('react').createErrorBoundary(React)

export default () =>
  <ErrorBoundary FallbackComponent=ErrorView>
    <App />
  </ErrorBoundary>

class ErrorView extends React.Component 
  // This component will be displayed when an error boundary catches an error

确保在初始化 Bugsnag 时使用 React 插件：

Bugsnag.start(
  apiKey: 'YOUR_API_KEY',
  plugins: [new BugsnagPluginReact()]
)

【参考方案2】：

我建议查看 Bugsnag 示例 React 应用程序，了解如何使用 ErrorBoundary：

https://github.com/bugsnag/bugsnag-js/tree/master/examples/react

https://github.com/bugsnag/bugsnag-js/blob/master/examples/react/src/index.js

如果您在使用此功能时仍有问题，请联系 Bugsnag 支持，我们会进行查看。

谢谢！