reactjs - componentDidCatch 抛出跨域错误

Question

我有一个具有以下结构的反应应用程序：

<ErroBoundary>
    <Component/>
</ErroBoundary>

在组件渲染函数中，我抛出异常：

render(): React.ReactNode {
    throw new Error('error message');
}

在 ErrorBoundary 我有以下代码：

componentDidCatch(error: any, info: any) {
    alert("Action failed " + error)
}

当我在浏览器中运行此应用程序时，我收到以下错误：

Action failed Error: A cross-origin error was thrown. React doesn't have access to the actual error object in development.

我试过更换

throw new Error('error message');

和

throw 'error message'

但我仍然遇到同样的错误。我正在远程服务器上运行 react 应用程序，并通过我的计算机远程连接到它。你能帮我弄清楚这可能是什么原因吗？