Javascript BugSnag ErrorBoundary未在react中显示自定义错误页面

我正在用React做水疗

目前，在生产环境中，当应用程序崩溃时，用户只能看到一个空白页面

因此，我试图设置一个自定义错误页面

因为我在react应用程序中使用BugSnag进行错误监控；我使用了BugSnag提供的ErrorBoundary

以下是初始化和放置ErrorBoundary的代码

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

ReactDOM.render(
<ErrorBoundary FallbackComponent={FallBack}>
    <IntlProvider locale={language} messages={messages[language]}>
        <Provider store={store}>
            <App />
        </Provider>
    </IntlProvider>
</ErrorBoundary>,
document.getElementById('root')
);

const bugsnagClient=bugsnag（'8xxxxxxxxxxxxbac'）
bugsnagClient.use（bugsnagReact，React）
const ErrorBoundary=bugsnagClient.getPlugin（'react'）
ReactDOM.render(
,
document.getElementById（'root'））
);

以下是自定义错误代码：

import React, { Component } from 'react';
import fallbackVector from '../assets/500-error-vector.svg';
import { Link } from "react-router-dom";

export default class FallBack extends Component{

    render(){

        return(
            <div className="container-fluid mt-3 mb-3 mt-md-5 mb-md-5">
                <div className="row">
                    <div className="col-12 col--404 text-center">
                        <img src={fallbackVector} alt="page not found" />
                        <p className="mt-5 font-weight-bold">Something went wrong!</p>
                        <Link to="/">
                            <button className="btn btn-primary mt-3">GO TO HOME</button>
                        </Link>
                    </div>
                </div>
            </div>
        )
    }
}

import React，{Component}来自'React'；
从“../assets/500 error vector.svg”导入回退向量；
从“react router dom”导入{Link}；
导出默认类回退扩展组件{
render（）{
返回(
出了问题
回家
)
}
}

<不知何故，它仍然显示空白页。

错误可能发生在React组件树之外，因此ErrorBoundry不会捕获它

---

关于如何解决这个问题有什么想法吗？

如果错误发生在React组件树之外，那么它将不会被ErrorBoundary捕获，并且不会呈现回退组件

如果您的复制案例在React组件树中触发了一个错误，但该错误不起作用，请与Bugsnag支持部门联系，我们将进行查看

---

谢谢

如果错误发生在React组件树之外，则它不会被ErrorBoundary捕获，并且不会呈现回退组件

如果您的复制案例在React组件树中触发了一个错误，但该错误不起作用，请与Bugsnag支持部门联系，我们将进行查看

---

谢谢

我不确定React组件树外部的含义，但render（）方法中的以下代码导致了错误：

我可以在控制台中看到以下错误：bugsnag.js:2180 TypeError:无法读取Null的属性“image\u url”。我不确定React组件树外部的含义，但render（）中的以下代码方法导致错误：

我可以在控制台中看到以下错误：bugsnag.js:2180 TypeError:无法读取null的属性“image\u url”