redux-logger.js:1 Uncaught Could not find router reducer in state tree, it must be mounted under “ro

最新推荐文章于 2022-06-22 03:14:37 发布
最新推荐文章于 2022-06-22 03:14:37 发布
阅读量556 收藏 3
点赞数
文章标签： react-router history 版本冲突 修复 connect-react-router
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45318029/article/details/115130956
版权

redux-logger.js:1 Uncaught Could not find router reducer in state tree, it must be mounted under “router”
跳转页面时，之前时正常的，后来自己加了connect-react-router库导致报错

在这里插入图片描述
在这里插入图片描述
调查后发现，依赖的history库的版本是5.0.0,而connent-ract-router中依赖的history的版本是4.7.0，这里可能导致了版本不兼容。

把本地依赖的history的版本退回到4.7.0后正常
在这里插入图片描述

桃李不言！下自成蹊。
关注
create-react-app 搭建项目遇到的问题整理
hetingtingitsme的博客
09-28 292
1.react-dom.development.js:11102 Uncaught Could not find router reducer in state tree, it must be mounted under "router" 原因： "connected-react-router": "^6.8.0", "history": "5.0.0", 直接安装history是5.0版本，不兼容connect-react-router导致 解决办法：安装低版本history ...
react-router引入Router时报错
萝卜@兔子的专栏
12-29 9644
1. 文件布局routes/index.jsimport React from 'react'; import { Router, Route, hashHistory } from 'react-router'; import Home from '../views/Home'; import Detail from '../views/Detail';const routes = ( <Ro
【React】Could not find router reducer in state tree解决方法
不忘初心，坚定道路！
07-08 1471
前言 这个问题是我新装一个环境时出现的，使用的是"connected-react-router": "^6.8.0", 原因 经排查，是由于history的最新版不兼容connect-react-router导致。 history的最新版为5.0，而connect-react-router使用的history版本为4.7，从而导致reducer执行错误。 解决 不显示安装history或者指定老版本history进行安装。否则自己安装的history是使用history5。 ...
React路上遇到的那些问题以及解决方案
热门推荐
高山上的鱼
04-01 16万+
问题1：首先必须在键名后面添加一个空格，否则报错 Module build failed: YAMLException: can notread a block mapping entry; a multiline key may not be an implicit key at line6, column 1: 必须是如：name  :'Hello world!' 还有一个可能，如下
redux-collection.js:一个易于使用的Redux Collection库
05-02
Redux Collection库是为了解决在使用Redux管理状态时，对数据集合进行操作的复杂性而设计的。这个库尤其适用于需要频繁与REST API交互、处理列表数据或集合数据的JavaScript应用。Redux Collection.js是一个轻量级且...
react-webpack-typescript-template:一个react模板，使用react，react-dom，webpack，typescript，redux，react-redux，redux-logger，redux-thunk，redux-promise，connected-react-router ..
05-20
一个react模板，使用react，react-dom，webpack，打字稿，redux，react-redux，redux-logger，redux-thunk，redux-promise，connected-react-router ... 它现在有一些页面，您可以将这些页面用作其他页面的示例...
React-Redux-Node-Mongodb：使用以下技术的模板项目：React.js-Redux-Node.js-Mongodb-Webpack
02-04
React-Redux-Node-Mongodb 介绍 建立一个新项目总是充满挑战并且很耗时。 React-Redux-Node-Mongodb是一个易于自定义的模板项目，用于使用以下技术启动新的专业项目： React Redux 节点 Mongodb Webpack 要求 ...
redux-via-socket.io:redux-via Socket.IO适配器
05-01
Redux-via-socket.io Socket.IO适配器进行 。 用法 npm install --save redux-via-socket.io 客户端 import io from 'socket.io-client' ; import { outClientViaSocketIO , inClientViaSocketIO } from 'redux-via...
tic-tac-toe-js：＃⃣Tic-tac-toe.js：在香草javascript中实现的redux模式
02-05
Tic-Tac-Toe.js 使用类似于redux的方法用香草javascript编写的Tic-Tac-Toe游戏。 / / 游戏如何应用Redux模式？ 它使用单向数据流： 关键原则 1.真理的单一来源 一个单独的 ： function Store ( ) { this . state...
【dva】dva使用与实现（三）
不忘初心，坚定道路！
01-22 1万+
前言 第一篇是基本应用与初步实现，第二篇是dva-loading实现，顺便实现了2个钩子。 这篇讲dynamic。 dynamic dynamic可以解决组件动态加载问题 先看使用： import dynamic from 'dva/dynamic' const DynamicPage = dynamic({ app, models: () => [import('....
ngRx 官方示例分析 - 3. reducers
weixin_33898876的博客
03-15 213
上一篇：ngRx 官方示例分析 - 2. Action 管理 这里我们讨论 reducer. 如果你注意的话，会看到在不同的 Action 定义文件中，导出的 Action 类型名称都是 Actions ，在导入的时候，同时导入同名的类型就是问题了。这里首先使用了 import as 语法进行重命名。 import * as book from '../actions/book'; i...
redux日志记录——redux-logger
qq_43660897的博客
10-25 3326
一、安装 npm i --save redux-logger // 或 yarn add redux-logger 二、使用 import { createStore, applyMiddleware } from "redux"; import reducer from "./reducer"; import logger from "redux-logger"; import * as loginActions from "./action/login"; // 创建仓库 const store =
常用中间件（三）——redux-logger包-展示所有数据日志 & redux-devtools-extension-已有中间件依然可以使用
weixin_44867717的博客
06-20 329
常用中间件——redux-logger包-展示所有数据 记录日志中间件：yarn add redux-logger src/store/Store.js // 导入日志中间件 import logger from 'redux-logger' createStore(reducer, applyMiddleWare(logger)) Redux调试中间件 redux-devtools-extension 为了保证已有中间件依然可以使用，需要安装一个包 import { composeWithDe
Uncaught TypeError: Cannot add property 0, object is not extensible 引起的思考
Loong专栏
12-15 1万+
默认情况下，对象都是可以扩展的，即对象可以添加新的属性和方法。使用Object.preventExtensions()、Object.seal()和Object.freeze()方法都可以标记对象为不可扩展。 var obj4 = Object.freeze({}); Object.isExtensible(obj4); // false ...
redux-logger 使用
07-23 1781
安装 npm install redux-logger --save-dev redux-logger 仅且在开发模式下使用，所以只需增加参数--save-dev. --save-dev 开发模式下使用的插件 --save 生成环境下使用的插件 -g 将插件安装成全局插件，该电脑的所有项...
Redux 入门教程—13redux-logger
jiaojsun的博客
08-13 2440
现在我们可以使用别人写好的中间件，这节使用一个关于打印日志的中间件redux-logger 如何使用？ 第一步：安装 第二步： 使用 第三步：检验（点击之后就会打印） ...
Concis组件库封装——Loading加载中
量子前端的博客
06-22 2153
一个常规的react loading组件的开发和测试
React Redux 8.0.0-alpha.1：官方高性能React绑定
资源摘要信息: "react-redux-8.0.0-alpha.1.zip" 该压缩包包含了React和Redux官方结合使用的绑定库版本8.0.0-alpha.1的相关文件。React是由Facebook开发的用于构建用户界面的JavaScript库，而Redux则是一个用于管理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值