React/Redux测试错误:传递给createStore的initialState参数属于意外类型
React/Redux测试错误:传递给createStore的initialState参数属于意外类型
这个错误是在使用React和Redux进行测试时出现的，它表示传递给createStore函数的initialState参数的类型与预期不符。
首先，让我们了解一下React和Redux的基本概念和作用：
React是一个用于构建用户界面的JavaScript库，它通过组件化的方式将界面拆分为独立的可复用部分，使开发人员能够更轻松地管理和更新界面状态。
Redux是一个用于管理应用程序状态的JavaScript库，它使用单一的全局状态树来存储应用程序的状态，并通过纯函数来处理状态的变化。Redux提供了一个可预测的状态管理机制，使得应用程序的状态变化变得可追踪和可调试。
在React/Redux应用程序中，我们使用createStore函数来创建一个Redux store，该store用于存储应用程序的状态。createStore函数接受一个reducer函数作为参数，并可选地接受一个initialState参数，用于指定初始状态。
然而，根据错误信息，传递给createStore的initialState参数的类型与预期不符。这可能是由于以下原因导致的错误：
- 传递的initialState参数类型不正确：initialState参数应该是一个对象，用于指定应用程序的初始状态。请确保传递给initialState的值是一个合法的JavaScript对象。
- initialSate参数缺失：如果没有传递initialState参数，Redux将使用reducer函数的默认初始状态作为应用程序的初始状态。请确保在调用createStore函数时传递了正确的参数。
为了解决这个错误，我们可以采取以下步骤：
- 检查传递给initialState参数的值是否是一个合法的JavaScript对象。可以使用typeof运算符来检查参数的类型，确保它是一个对象。
- 确保在调用createStore函数时传递了正确的参数。如果没有传递initialState参数，可以尝试传递一个空对象作为初始状态。
- 如果问题仍然存在，可以检查Redux的版本和相关依赖项的版本是否兼容。有时候，不同版本的Redux和相关库之间可能存在兼容性问题，导致错误的出现。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列与云计算相关的产品和服务，以下是一些推荐的产品和对应的介绍链接地址：
- 云服务器（CVM）：腾讯云的云服务器产品，提供可扩展的计算能力和灵活的网络配置。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL版（CDB）：腾讯云的云数据库产品，提供高可用性、可扩展性和安全性的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb
- 云存储（COS）：腾讯云的对象存储服务，提供安全、稳定、低成本的云端存储解决方案。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能（AI）：腾讯云的人工智能服务，包括语音识别、图像识别、自然语言处理等功能，帮助开发者构建智能化应用。详情请参考：https://cloud.tencent.com/product/ai
请注意，以上链接仅供参考，具体的产品和服务选择应根据实际需求和项目要求进行评估和决策。
相关·内容
1回答
作为immutable.js映射的Redux存储
javascript、reactjs、react-native、redux、immutable.js
在构建我的Reactive原生应用程序时，我得到了这个错误：
import { Map } from 'imm
浏览 2提问于2017-03-21得票数 1
回答已采纳
1回答
React/Redux测试错误:传递给createStore的initialState参数属于意外类型
reactjs、redux、react-redux、immutable.js
在我尝试在react/redux套件中运行测试后，我得到了以下错误。我已经确保按照文档中的建议使用redux-immutable，但无济于事。The initialState argument passed to createStore is of unexpected type., routerReducer } from 'react-router-redux'
const roo
浏览 20提问于2018-01-10得票数 2
1回答
带有可免疫js的redux
reactjs、redux、immutable.js
我试图在不变的js中使用redux。我做了两个减速机(布局，任务)，它工作得很好。layout.js width: Dimensions.get('window').width, // Some Tasks我的问题是当我试图通过mapSt
浏览 2提问于2018-01-16得票数 0
1回答
在preloadedState参数中找到的意外密钥传递给createStore
javascript、redux、jestjs、redux-thunk
我正在尝试编写一个redux集成测试。然而，我的测试成功地通过了，但是我得到了这样的信息：
console.error节点_模块/redux/lib/utils/warning.js:在传递给createStore的preloadedState参数中找到14个意外的关键字"word“。期望找到一个已知的还原键：&
浏览 0提问于2019-04-15得票数 1
回答已采纳
1回答
ReplaceReducer导致意外密钥错误
javascript、reactjs、redux
我有一个动态加载模块的function应用程序，包括模块的还原函数，然后调用Redux的replaceReducer来替换减速器。不幸的是，我得到了一个错误
在传递给bookEntry的initialState参数中找到意外的键“createStore”。期望找到一个已知的还原器键："bookList"，"root
浏览 3提问于2015-12-04得票数 9
回答已采纳
6回答
TypeError:无法读取未定义的属性“getState”
reactjs、redux
我想尝试小的redux示例，所以我安装了redux，但是我得到了这个错误。
新提供商webpack-internal:///./node_modules/react-redux/es/components/Provider.js:24:25
import React from '
浏览 2提问于2019-02-24得票数 9
回答已采纳
1回答
具有代码分裂和延迟加载的同构Redux
redux
我正在构建一个具有代码分裂的同构应用程序，使用react路由器和redux。我已经尽力了，但我需要一些帮助才能解决剩下的问题。我有一个大型应用程序，需要对前端进行代码分割。这将导致意外的键错误，并迫使我的存储库忽略处于初始状态的违规键。{...reducers})在initialState<
浏览 2提问于2015-12-22得票数 8
回答已采纳
3回答
TypeError:无法读取未定义的属性'loading‘
javascript、reactjs、react-redux、react-props
我得到了那个错误。老实说，我不知道为什么。当我提交时，加载应该更改为true，您应该看到错误(例如，如果电子邮件不合法)class signup extends Component {false，我将其作为道具传递给signup.js (和login.js) SET_ERRORS, LOADING_UI,import {
浏览 31提问于2021-02-18得票数 0
回答已采纳
1回答
对象(...)将firebase作为参数添加到thunk时不是函数
reactjs、firebase、redux、redux-thunk、redux-firestore
使用redux配置firebase对我来说是一件痛苦的事情。
在尝试将额外的参数添加到thunk之前，我让它工作了。我使用的代码如下：
import { createStore, applyMiddleware, compose } from 'redux&
浏览 16提问于2019-11-24得票数 1
3回答
Redux - createStore.类型的参数不能分配给“DeepPartial<any>”类型的参数
reactjs、typescript、redux
当我开始编译时，我总是会得到一个堆栈错误。上面说我的initialState在store坏了或者是其他人。似乎redux与TypeScript有一些问题。import { createStore
浏览 1提问于2018-10-07得票数 3
回答已采纳
1回答
确保传递给combineReducers的参数是一个值为还原器的对象，
import { createStore, applyMiddleware } from "reduxstore;
这是我第一次使用React和Redux。我一直找不到错误的地方。以上代码是一个完整的redux设置，请帮助为什么会出现此错误<
浏览 4提问于2021-08-26得票数 1
1回答
如何使用jest和酶对reduxsauce进行单元测试？
reactjs、redux、react-redux、jestjs、redux-saga
我是一个新的反应和重复。我正在开发一个项目，为此我想要redux，通过使用reduxsauce和redux-saga，但我正在努力为这些编写单元测试。from 'redux-mock-store'import { Provider } from 'react-redux'
import
浏览 4提问于2017-08-21得票数 0
3回答
Redux无法从商店获得状态
reactjs、redux
我目前正在处理一个项目，需要使用redux，我尝试将值支柱从app.js传递给AppRouter.js，但是当我尝试通过将它记录到控制台或呈现它来访问“value”支柱时；我在控制台日志和内部呈现值上都会出现未定义的错误这是我的app.jsimport ReactDOM from 'react-dom';
import {AppRouter} from &#
浏览 1提问于2018-10-01得票数 1
回答已采纳
2回答
Redux-记录器不工作
reactjs、redux、redux-logger
我连接不上记录器，我什么都试过了import promiseMiddleware from 'redux-promise/reducers';import {createLogger} from 'redux-logger';
const lo
浏览 0提问于2018-01-29得票数 1
7回答
React+Redux -未明误差:期望减速器是一个函数
javascript、reactjs、redux
我尝试了简单的react、redux、ajax工作示例，并遵循了，但是我无法创建存储并获得错误：var thunkMiddleware = require('redux-thunk');
浏览 5提问于2016-04-02得票数 26
回答已采纳
1回答
如何修复:在preloadedState参数中的意外preloadedState传递给createStore.Expected以在Redux中找到已知的还原器键之一？
javascript、reactjs、redux
我得在Redux反应上提出申请。使用fetch方法，我将API数据输出到页面(飞机在机场起飞的列表)。还应该有一个搜索过滤器，搜索终端的名称。但在控制台中，这样的错误：
意外键"day“、"data”、"filteredData“、"search”、"shift“在传递给createStore的preloadedState参数中找到。期望找到一个已知的</em
浏览 4提问于2019-11-07得票数 0
回答已采纳
1回答
redux的ConnectedComponent测试
reactjs、redux、react-redux、jestjs、enzyme
我一直在尝试测试redux的ConnectedComponent。但我不能相处。当我将商店作为商店支柱传递给ConnectedComponent时，我会得到以下错误：
不变违规:道具中的redux存储已被删除，什么也不做。若要为特定组件使用自定义Redux存储，请使用React.createContext()创建自定义React上下文，并传递context对象以进行React Redux<
浏览 0提问于2019-01-20得票数 3
3回答
存储区没有有效的减速器。
javascript、reactjs、react-native、redux、react-redux
initialState, handlers) { if (handlers.hasOwnPropertyindex.android.jsimport {} from "react-native";
import {
浏览 3提问于2017-10-06得票数 0
回答已采纳
1回答
Jest/酶单元测试:如何将存储传递给使用redux 4和react 6连接函数的浅层组件
reactjs、unit-testing、redux、jestjs、enzyme
我曾经以这种方式测试连接到redux的组件：import { createStore } from 'redux';
return createStore(rootReducer, in
浏览 0提问于2019-01-07得票数 19
回答已采纳
2回答
反应.试验.带Redux和路由器的封装组件库
reactjs、react-redux、react-router、react-testing-library
我正在尝试设置一个测试文件，以在我的应用程序上呈现一个路由/页面。';import { Provider } from 'react-redux'; store = createStore(reducer, initialState),
...op
浏览 1提问于2019-04-23得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
