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

Question

我有这个

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));到我的错误边界中，如果是这样怎么办？

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

Answer 1

我建议您查看最新的文档，其中重点介绍了如何创建错误边界。

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()]
})

Answer 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 支持，我们会看看。

谢谢！