react 和redux集成报TypeError: Object(...) is not a function

最新推荐文章于 2025-07-23 08:18:42 发布
转载 最新推荐文章于 2025-07-23 08:18:42 发布 · 4.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://juejin.im/post/5cb45b86e51d456e2907f220
文章标签：

#javascript #ViewUI

本文记录了一次在集成React和Redux过程中遇到TypeError: Object(...) is not a function的问题及解决方案。作者发现将react-redux从^7.0.1降级到6.0.1可以避免此错误，推测可能是版本不兼容导致。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天集成react和redux时，突然报TypeError: Object(...) is not a function，查了很久都没有找到与自己写的代码有关系的地方。猜测应该是version不匹配。就找出最近集成成功的项目，发现react-redux^7.0.1降级到6.0.1，就不会有问题。记录下来供自己和别人参考。

转载于:https://juejin.im/post/5cb45b86e51d456e2907f220

17、Redux 测试全攻略：从基础到实战
a2b3c4d5e的博客
08-04 32
本文详细介绍了Redux测试的全面攻略，涵盖了ESLint配置、测试驱动开发（TDD）、Reducer测试、Store测试以及React组件测试等内容。通过遵循TDD流程和最佳实践，确保Redux应用的数据层和UI层稳定可靠。文章还探讨了测试代码优化和未来测试方向，如异步操作测试和性能测试，帮助开发者全面提升Redux应用的质量。
使用 react-redux 报错TypeError: Object(…) is not a function
weixin_45177667的博客
11-19 2371
由于 react 和 react-dom 版本过低导致，可以将 package.json 中的 react 和 react-dom 版本修改为 16.10.2 ,然后运行 yarn 自动安装相应依赖，即可解决问题 "react": "^16.10.2", "react-dom": "^16.10.2", ​// 命令行中运行 yarn PS D:\MyDocuments\WebLearn\...
react-redux踩坑记—— 报错TypeError: Object(…) is not a function
lixiaonaaa的博客
12-10 1117
由于 react 和 react-dom 版本过低导致，可重新安装react 和 react-dom最新版本即可 npm install react -g--save npn install react-dom -g--save
解决import ReactJson的报错Uncaught TypeError: Object(...) is not a function
m0_47265341的博客
11-12 1237
解决import ReactJson的报错Uncaught TypeError: Object(...) is not a function
Taro 使用React Hooks报错TypeError: Object(...) is not a function
前端攻城狮
07-27 2695
今天踩了一个版本的坑 在Taro项目想使用React Hooks，代码如下，在微信开发工具一直报错 后看官方文档发现，taro 3.xx 版本之后引入useState等需要从对应框架 React引入 代码修改如下： // React Hooks 写法 import { useState, useEffect } from 'react' import { View, Text } from '@tarojs/components' import './index.scss'...
已解决 Bug: TypeError: Object(...) is not a function (React Hooks) 问题
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-24 2788
大家好，我是猫头虎博主。在前端开发的世界中，我们时常会遇到各种各样的 Bug。这些 Bug 不仅仅会影响我们代码的执行，而且会消耗我们大量的时间和精力去查找和修复。今天，我将和大家分享一个关于 React Hooks 中遇到的常见错误的解决方法。通过本文，你将了解到这个错误的原因，解决方法，以及如何避免在未来的开发中再次遇到类似的问题。通过深入分析，我们了解了错误的原因，找到了解决方法，并探讨了如何避免在未来遇到类似的问题。
ERROR TypeError: this.props.navigation.closeDrawer is not a function. (In 'this.props.navigation.closeDrawer()', 'this.props.navigation.closeDrawer' is undefined)怎么解决
最新发布
08-02
好的，我现在需要解决用户遇到的错误：“TypeError: this.props.navigation.closeDrawer is not a function. (In 'this.props.navigation.closeDrawer()', 'this.props.navigation.closeDrawer' is undefined)”。...
使用Redux-Toolkit，由“object is not extensible”引发的思考及解决方案
RRie1的博客
11-13 2028
使用Redux-Toolkit，由“object is not extensible”引发的思考及解决方案。本文介绍了Redux-Toolkit中的状态管理机制，介绍了Immer.js即它如何被应用在了Redux的状态管理中
ERROR TypeError: undefined is not an object (evaluating 'this.props.navigation.state.params') This error is located at:
08-02
好的，用户遇到了一个React Native的错误：“TypeError: undefined is not an object (evaluating 'this.props.navigation.state.params')”。这个问题通常发生在尝试访问navigation的params时，但params未定义。我...
React中useContext的上下文丢失问题：原因分析与解决方案
shejizuopin的博客
07-23 639
React中useContext上下文丢失问题解析与解决方案 在使用React的useContext时，开发者常遇到上下文丢失（获取undefined）的问题，主要原因包括：未正确包裹Provider、Provider层级错误或多个Context冲突。解决方法是确保组件树中有对应的Provider（如<ThemeContext.Provider>），验证上下文输出，并合理组织嵌套结构。对于复杂场景，建议创建自定义Hook封装（如useTheme()）或合并多个Context。性能优化方面，可通过
react调试接口的时候报错TypeError: Object(...)(...).then(...) is not a function“
weixin_43370067的博客
10-17 2147
最终发现是异步函数的引入问题 报错说batchDeletion TypeError: Object(…)(…).then(…) is not a function" 结果是deleteMessage的引入错误 deleteMessage引入react jsx时必须加括号 { },否则就会报错
解决 Vue 中报错：TypeError: Object(...) is not a function
热门推荐
☆往事随風☆的博客
07-27 1万+
解决 Vue 中报错：Object(...) is not a function
Uncaught (in promise) TypeError: Object(...) is not a function
恩琪
07-14 1万+
Uncaught (in promise) TypeError: Object(…) is not a function 这个问题今天出现两次了 还是记不住 啊啊啊啊 笨死了 所以来写下 是什么原因导致这个错的呢？ import findHomeAll from ‘…/…/…/api/method’ 这里的导入api没有{} 花括号 添加上就ok了 ...
Uncaught TypeError: Object(...) is not a function
weixin_43794803的博客
04-12 2848
1.在写vue项目时碰到的一个报错 报错：Uncaught TypeError: Object(…) is not a function 原因：vuex版本有问题 解决方法：npm install vuex；重装最新版本的vuex;
【bug记录】Uncaught (in promise) TypeError: Object(...) is not a function
x781054643的博客
06-08 2235
vue.js中请求数据，渲染页面时调试台打印出：Uncaught (in promise) TypeError: Object(...) is not a function
Uncaught TypeError: Object(...) is not a function at resetStoreState (vuex.esm-browser.js?5502:1
zqk的博客
02-20 5164
Uncaught TypeError: Object(...) is not a function at resetStoreState (vuex.esm-browser.js?5502:140:1) at new Store (vuex.esm-browser.js?5502:932:1) at eval (index.js?4360:48:1) at Module../src/store/index.js (index.js:1115:1) at __webpa
vue报错：TypeError: Object(...) is not a function
qq_42119742的博客
07-21 2061
这种问题常见的原因如下： data中的数据和methods中的方法重名，解决办法：将名字修改即可。 在这里我会讨论另外一种错误：我们在引入axios方法时如果没有加双括号也会出现这种错误
按照你上一条写法 报错了 TypeError: Object(...) is not a function
04-05
import React, { useState } from 'react'; const MyComponent = () => { const [count, setCount] = useState(0); const handleClick = () => { setCount(prevCount => prevCount + 1); }; return ( <p>...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值