浏览器安装Redux-DevTools后报错？

最新推荐文章于 2023-09-23 21:02:49 发布
最新推荐文章于 2023-09-23 21:02:49 发布
阅读量715 收藏
点赞数
分类专栏： D1：React 文章标签： react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38244874/article/details/121351705
版权
本文探讨了如何通过定位错误文件、注释报错代码并重启项目来修复Redux DevTools在项目中的报错。重点在于问题可能的原因——版本不兼容，并提供了配置store的官方教程链接。寻求大佬们的帮助，共同理解可能的解决方案。
摘要由CSDN通过智能技术生成

报错信息：

找到浏览器报错文件的位置： 

 

注释掉报错的那行代码：

然后重启项目

 

 控制台上就不报错了，当然想使用redux-devTools还需要在store中进行配置才可以，具体配置参考官网教程，我就不再多说了。

至于为什么会报错，网上一部分人说是因为版本的问题，也没明白为什么，各位大佬有知道的，请不吝赐教！！！！

柒个M
关注
专栏目录
Redux - Unhandled Rejection (Error): You may not call store.getState() while the reducer is executin
高级前端工程师
03-15 3502
react.js，redux，报错，Redux Devtools，如何解决react报错问题，浏览器控制台报错怎么办，react报错Unhandled Rejection (Error): You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer in
Chrome如何安装react-developer-tools插件及解决安装后报出的错误：Uncaught TypeError: Cannot read properties of undefined
念兮为美
07-06 2477
Chrome如何安装react-developer-tools插件及解决安装后报出的错误：Uncaught TypeError: Cannot read properties of undefined (reading 'forEach')——./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js (ReactRefreshEntry.js:17:1)...............
使用Redux DevTools Chrome插件后，本来好使的代码报了错，问题的原因是版本的问题，下面提供了对应版本
weixin_38724114的博客
06-26 768
2.15.2配合chrome 60.0.3112.113。可以
Redux超酷的开发工具Redux-Devtools
weixin_30262255的博客
11-22 185
超酷的开发工具 Redux-devtools redux-devtools是一个有趣而又高效的redux开发工具，如果你想直接在github上查看相关的内容，请前往这里。事实上，也鼓励大家养成在github上学习第一手资料的习惯。 ok，首先，让我们来下载redux-devtools的相关资料 $ npm install --save-dev redux-dev...
react+ts配置Redux DevTools报错
湫沐椿风
01-18 918
在store添加如下配置会报错Property '__REDUX_DEVTOOLS_EXTENSION__' does not exist on type 'Window & typeof globalThis'. const store = createStore( reducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() ) 解决方法：在src下
Redux插件打开的情况下导致生产环境报错
sisi_8991的博客
06-22 288
在使用生产环境进行购票的时候发现切换日历一直页面无法加载。后来看到控制台报了错 强刷一直会进到一个断点，调查后发现原来是因为打开了Redux DevTools，只要打开就会出现这样的问题。 引用代码 t.composeWithDevTools = “undefined” != typeof window && window.REDUX_DEVTOOLS_EXTENSION_COMPOSE ? window.REDUX_DEVTOOLS_EXTENSION_COMPOSE : function
Redux DevTools的安装与使用
Cao_Mary的博客
05-28 6286
Redux DevTools的安装与使用1.什么是Redux DevTools?2.如何使用Redux DevTools2.1在浏览器中安装Redux DevTools2.2 添加Redux DevTools中间件配置 1.什么是Redux DevTools? Redux DevTools是一款Redux官方提供的浏览器调试工具, 可以让我们很方便的对Redux保存的状态进行追踪调试 完整项目地址 chrome扩展程序地址（用于下载工具压缩包） 2.如何使用Redux DevTools 注意： 我使用
安装 redux-devtools-extension
xm1037782843的博客
10-30 1131
安装 redux-devtools-extension
Redux DevTools:具有热重载，动作重播和UI的Redux的DevTools-开源
05-15
它可以用作浏览器扩展（适用于Chrome，Edge和Firefox），独立应用程序或集成在客户端应用程序中的React组件。 如果要完全控制DevTools的显示位置，或正在开发自定义监视器，则可能需要手动集成它们。 这是更多步骤...
用于Redux-Saga的Saga监视器和UI devtool-React开发
05-27
打算作为可发布的React组件（或每个视图一个或多个React组件）发布，以便可以嵌入其他Redux devtools（redux-devtools-extension，reactotron或直接在React应用程序内部）用法npm i --save-dev redux-saga-devtools...
redux-devtools安装 以及redux No store found. Make sure to follow the instructions.解决
daddykei的博客
07-30 777
插件链接 链接：https://pan.baidu.com/s/17ggewOjfpR_fRWhvHHUxug 提取码：zrch No store found. Make sure to follow the instructions 其实是缺少了 const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; 原先代码 import { createStore } from 'redux' import
解决谷歌Redux DevTools调试React+Typescript项目数据对不上/连接不上问题
weixin_45966674的博客
09-23 268
然偶 我们在 store 下的 index.tsx 引入 redux-devtools-extension下的 composeWithDevTools 函数。会发现 要不 匹配的数据有问题 看不到数据 要不 就压根连接不到。而且 我们点击加减号 去改变值 调试工具也没有任何反应。然后 我们再点击 加减号 去操作数值。我们创建了一个redux项目的环境。然后我们再次启动项目 打开调试工具。这样 我们调试器就会弹出新的改动了。但是我们用谷歌浏览器插件调试。就能看到我们实际设置的数据了。
Redux-Devtools调试工具安装使用
Ronychen的博客
08-26 4480
1、Redux-Devtools调试工具下载 方式一：去谷歌应用商店搜索redux-devtools直接安装即可，但又一个前提条件（需要翻墙，这里不考虑）； 方式二：可以去chrome插件网下载，下载地址为：http://chromecj.com/web-development/2018-03/931/download.html，下载过程需要关注公众号，发送插件即可得到验证码进行下载； 2、安装过...
redux和react-redux的基本使用
qq_15905635的博客
01-19 210
1.求和案例_redux精简版 (1).去除Count组件自身的状态 (2).src下建立: -redux -store.js -count_reducer.js (3).store.js： 1).引入redux中的createStore函数，创建一个store 2).createStore调用时要传入一个为其服务的reducer 3).记得暴露store对象 (4).count_reducer.js： 1).reducer的..
redux-devtools的安装和使用
good_moring_的博客
12-01 584
安装redux-devtools插件 下载地址（2.17.0）： redux-devtools-2.17.0 使用： store.js 引入 redux 创建store时，第二个参数传 window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() import { createStore } from 'redux' import reducer from './reducer' const sto
创建react项目并启动出现的报错解决，学习资源
小白目的博客
02-18 6967
一、预备知识：npm或yarn 二、创建项目步骤： 1.全局安装： npm install -g create-react-app 2.切换到想创建项目的目录（hello-react）：create-react-app hello-react 3.进入项目文件夹：cd hello-react 4.启动项目：npm start 三、可能出现的报错： 1. 'react-app-rewired' 不是内部或外部命令，也不是可运行的程序或批处理文件。 原因：可能是由于create-re.
Redux DevTools工具的安装
Cao_Mary的博客
04-27 2088
什么是Redux DevTools? Redux DevTools是一款由Redux官方提供的浏览器调试工具,可以让我们更加方便的对Redux保存的状态进行追踪调试。 大白话就是：类似于Vuex。 完整项目地址：https://github.com/reduxjs/redux-devtools Redux DevTools chrome扩展程序地址：https://github.com/zalmoxisus/redux-devtools-extension（用于下载工具压缩包） 如何使用Redux De
Redux DevTools不能显示数据
qq_45172866的博客
04-27 1884
遇到了一个低级的bug，花了一天时间才发现，记录下来。最近学到React-Redux，我从网上下了好几款chrome插件Redux DevTools都没有显示数据，如图所示 后来我发现把括号里面的注释去掉，就可以正常运行了 import { createStore } from "redux" import rootReducer from "../reducers" export defaul...
关于vue-devtools安装过程的报错问题解决
weixin_46914709的博客
04-08 3694
关于使用npm对vue-devtools进行安装的报错问题解决
redux-devtools使用
最新发布
10-19
在使用npm包时，需要安装redux-devtools、redux-devtools-log-monitor和redux-devtools-dock-monitor这三个npm包，并在应用程序中创建DevTools组件。DevTools组件使用LogMonitor和DockMonitor组件来显示Redux store...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值