本地运行React时出现Uncaught Runtime Error: [object Event]的原因

报错信息 #

Uncaught runtime errors:
×
ERROR
[object Event]
    at handleError (http://localhost:3000/static/js/vendors-node_modules_webpack-dev-server_client_index_js_protocol_ws_3A_hostname_0_0_0_0_port_-848880.807f658b.js:2551:58)
    at http://localhost:3000/static/js/vendors-node_modules_webpack-dev-server_client_index_js_protocol_ws_3A_hostname_0_0_0_0_port_-848880.807f658b.js:2570:7
    at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/vendors-node_modules_react-dom_index_js.2b6f5974.chunk.js:266:16)
    at invokeGuardedCallback (http://localhost:3000/static/js/vendors-node_modules_react-dom_index_js.2b6f5974.chunk.js:321:31)
    at beginWork$1 (http://localhost:3000/static/js/vendors-node_modules_react-dom_index_js.2b6f5974.chunk.js:23232:7)
    at performUnitOfWork (http://localhost:3000/static/js/vendors-node_modules_react-dom_index_js.2b6f5974.chunk.js:22186:12)
    at workLoopSync (http://localhost:3000/static/js/vendors-node_modules_react-dom_index_js.2b6f5974.chunk.js:22159:22)
    at performSyncWorkOnRoot (http://localhost:3000/static/js/vendors-node_modules_react-dom_index_js.2b6f5974.chunk.js:21785:9)
    at http://localhost:3000/static/js/vendors-node_modules_react-dom_index_js.2b6f5974.chunk.js:11118:24
    at unstable_runWithPriority (http://localhost:3000/static/js/vendors-node_modules_react-dom_index_js.2b6f5974.chunk.js:26106:12)

已尝试的解决操作 #

• 清除项目缓存
• 删除node_modules后重新执行npm install

可能的成因 #

• 错误处理函数逻辑错误：项目中的handleError函数没有正确处理错误实例，反而误将DOM Event对象作为错误抛出，比如在事件监听回调里的错误捕获逻辑参数混淆。
• Webpack Dev Server通信异常：报错涉及webpack-dev-server的客户端WebSocket通信代码，可能是热更新连接出现异常，触发错误后错误信息被格式化为Event对象，而非具体的错误详情。
• React渲染阶段隐性错误：React的invokeGuardedCallbackDev是渲染时的错误防护机制，说明组件渲染过程中存在未被正确捕获的错误，但错误信息被封装成了Event对象，比如组件内的状态更新、事件处理逻辑有问题导致渲染崩溃。
• 核心依赖版本不兼容：即使重新安装了依赖，仍可能存在react-dom、webpack-dev-server等核心包的版本不匹配问题，导致错误处理逻辑出现异常。

内容的提问来源于stack exchange，提问作者Frieda