用途:在 TanStack Query 项目中添加、懒加载或调试 Devtools,覆盖 React、Vue、Solid、Svelte 等框架适配包。
主要能力:提供 ReactQueryDevtools、ReactQueryDevtoolsPanel、VueQueryDevtools、SolidQueryDevtools、SvelteQueryDevtools 等组件的接入方式;说明生产环境 Devtools 需从 production 入口懒加载。
使用方式:基础接入为在 React 中导入并渲染 <ReactQueryDevtools initialIsOpen={false} />;生产环境用 React.lazy 动态导入 '@tanstack/react-query-devtools/production',并用 React.Suspense 包裹;嵌入式面板使用 ReactQueryDevtoolsPanel;按框架使用对应适配包。
关键限制与常见错误:Devtools 必须放在与 QueryClientProvider 相同的 QueryClient 上下文内;不要把 Devtools 当作离线模拟工具,测试网络状态应使用 onlineManager.setOnline(false);生产环境 Devtools 应懒加载而非急切导入。其他框架(Vue、Solid、Svelte)细节及安装命令、价格、平台支持等暂未提供。