diff --git a/src/providers/AppProviders.js b/src/providers/AppProviders.js index 6e38d5cc..c5050843 100644 --- a/src/providers/AppProviders.js +++ b/src/providers/AppProviders.js @@ -15,9 +15,6 @@ import theme from '../theme/theme.js'; import { AuthProvider } from '../contexts/AuthContext'; import { NotificationProvider } from '../contexts/NotificationContext'; -// Components -import ErrorBoundary from '../components/ErrorBoundary'; - /** * AppProviders - 应用的 Provider 容器 * 集中管理所有 Context Provider,避免 App.js 中层级嵌套过深 @@ -25,11 +22,14 @@ import ErrorBoundary from '../components/ErrorBoundary'; * Provider 层级顺序 (从外到内): * 1. ReduxProvider - 状态管理层 * 2. ChakraProvider - UI 框架层 - * 3. ErrorBoundary - 错误边界 - * 4. NotificationProvider - 通知系统 - * 5. AuthProvider - 认证系统 + * 3. NotificationProvider - 通知系统 + * 4. AuthProvider - 认证系统 * - * 注意: AuthModal 已迁移到 Redux (authModalSlice + useAuthModal Hook) + * 注意: + * - AuthModal 已迁移到 Redux (authModalSlice + useAuthModal Hook) + * - ErrorBoundary 在各 Layout 层实现,不在全局层,以实现精细化错误隔离 + * - MainLayout: PageTransitionWrapper 包含 ErrorBoundary (页面错误不影响导航栏) + * - Auth.js: 独立 ErrorBoundary (认证页错误隔离) * * @param {Object} props * @param {React.ReactNode} props.children - 子组件 @@ -47,13 +47,11 @@ export function AppProviders({ children }) { } }} > - - - - {children} - - - + + + {children} + + );