React微前端错误日志：父应用Error Boundary能否捕获联邦应用错误？

先说结论：父应用的Error Boundary没法完全捕获联邦应用的所有错误，需要结合多套策略覆盖不同场景。

父应用Error Boundary的局限 #

• 仅能捕获联邦应用挂载初始阶段（比如首次渲染组件树）抛出的同步错误，以及部分跨应用交互时的同步报错。
• 对于联邦应用内部的异步错误（如Promise未捕获的reject、setTimeout中的报错）、组件更新阶段的错误，父应用的Error Boundary无法捕获——因为联邦应用运行在独立的模块作用域中，错误冒泡会被自身作用域隔离，无法传递到父应用的边界。

联邦应用的错误处理实践 #

1. 每个联邦应用需部署自身的Error Boundary #

给每个联邦应用的根组件套上Error Boundary，专门捕获自身内部的同步、异步错误，避免未处理的错误扩散影响整个微前端应用的稳定性。

2. Sentry的两种集成模式 #

• 统一集成模式：若所有联邦应用属于同一团队/项目，可由父应用统一初始化Sentry实例，联邦应用通过全局变量或共享模块复用该实例，所有错误统一上报至同一个Sentry项目，便于集中排查问题。
• 独立集成模式：若联邦应用分属不同团队，每个应用可独立集成Sentry，各自上报到对应的项目，团队仅负责处理自身应用的错误，权责清晰。

3. 全局兜底错误监听 #

在父应用中添加全局错误监听作为兜底：

• 用window.onerror捕获未被处理的同步全局错误
• 用window.addEventListener('unhandledrejection')捕获未被处理的异步Promise错误
  以此覆盖那些漏过所有Error Boundary的极端错误场景。

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