jira-dev-tool页面工具切换React Query页面报错
来源：11-6 用 react-query 实现乐观更新
morse86
2021-06-14
今天在做乐观更新时, 第一次使用工具jira-dev-tool的React Querytab下功能, 想跟着老师一样看下react-query中的数据. 但是点击报错, 报错信息为: No QueryClient set, use QueryClientProvider to set one
这个错误很熟悉, 之前课程视频有这个错误信息的解释及解决方案. 所以看到这个信息, 没啥意外, 检查了自己的相关代码设置: context/index.tsx. 咦…没问题啊… 有点慌了. Google了一下, 网上的解决方案基本都是以下类似的代码, 跟老师当时视频的解决方案一样的.
...
export const AppProviders = ({ children }: { children: ReactNode }) => {
const queryClient = new QueryClient({
defaultOptions: {
queries: {
refetchOnWindowFocus: false,
},
},
});
return (
<QueryClientProvider client={queryClient}>
<AuthProvider>{children}</AuthProvider>;
</QueryClientProvider>
);
};
我在回想下, 当时记得跟老师视频一起做, 点击过第三个tab, 当时记得是正常的, 没有问题. 既然当时是正常的, 那么就比较下当时的提交的代码和现在提交的有啥区别.
第一步: 找到当时提交代commit id.
第二步: 对比当前分支与上次正常分支的代码区别.
最终发现是package.json中react-query的版本信息不一致. 出问题的版本使用的是 "react-query": "^3.17.0", 功能正常的版本使用的是 "react-query": "^3.16.1"版本.
现在想起来了, 在做11章相关课程的代码时, 自己手工又重新加了下react-query包, 导致了版本上的升级.
修改pakcage.json中react-query版本"react-query": “3.16.1”(只使用3.16.1版本), 执行yarn install, 在启动项目, 问题最终解决.
这里记录下我遇到的问题, 希望可以帮到遇到同样问题的伙伴.
3回答
-
瘸腿猫Vivian
2022-09-07
同样的问题
jira-dev-tool 是1.6.59
react-query的版本是3.16.1
按照同学的方法没法解决
00 -
骑猪跑的程序员
2021-11-25
我这也遇到了同样的问题...解决方案是锁死jira-dev-tool的版本在1.6.59
00 -
Nolan
2021-06-16
嗯。。是的，随着时间流逝会出现版本升级的问题，大家遇到问题也记得检查一下版本号；推广来说遇到bug是需要这样一点一点分析才能找到原因的。谢谢这位同学的分享
00
相似问题