将createStore与typescript和thunk一起使用时出错
在使用createStore与typescript和thunk一起时出现错误可能是由于以下原因之一：
- 类型定义错误：在使用typescript时，需要正确地定义store的类型以及thunk的类型。确保你已经正确地定义了store的类型，并且thunk的类型与store的类型兼容。
- 缺少必要的依赖：在使用thunk时，需要安装redux-thunk依赖。确保你已经正确地安装了redux-thunk，并在代码中引入了相关的依赖。
- 错误的使用方式：在使用createStore与thunk时，需要按照正确的方式进行调用。确保你已经正确地传递了reducer函数、初始状态和中间件参数给createStore函数，并且正确地使用了thunk中间件。
- 版本不兼容：确保你使用的redux、redux-thunk和typescript的版本是兼容的。有时候不同版本之间的兼容性问题会导致错误。
针对这个问题，腾讯云提供了一系列的云原生解决方案，包括云原生应用平台TKE、云原生数据库TDSQL、云原生存储CFS等，可以帮助开发者快速构建和部署云原生应用。你可以参考腾讯云的文档和产品介绍来了解更多相关信息：
希望以上信息能够帮助你解决问题。如果还有其他疑问，请随时提问。
相关·内容
我正在将转换为TypeScript的过程中，我在将thunk操作发送到商店之外时遇到了困难。以下是我的商店目前的设置方式：
store/index.ts
import { createStore, applyMiddleware, combineReducers, Reducer, Store } from 'redux';
import thunk, { ThunkMiddleware } from 'redux-thunk';
export interface State { ... }
export interface ActionTypes { ...
浏览 0提问于2019-06-07得票数 4
2回答
我正尝试在使用thunk中间件和可选中间件记录器(redux-logger)的redux存储上配置分派类型。 这正确地推断出商店的dispatch上的thunk类型... import { createStore, applyMiddleware } from 'redux';
import thunk, { ThunkMiddleware } from 'redux-thunk';
// ...
const preloadedState = undefined;
export const store = createStore(rootReducer,
浏览 61提问于2021-11-07得票数 1
回答已采纳
在产品操作文件中，我让list product函数导出try和except块中的所有三个操作。但是在通过分派(useDispatch)在useEffect中导入它们时，我得到的操作必须是纯对象。如果我没记错的话，列表中的产品本身就是一个对象。但是我不能理解为什么这个错误会发生。你能帮我做同样的事吗？ 文件: productAction.js import axios from "axios";
import {
PRODUCT_LIST_REQUEST,
PRODUCT_LIST_SUCCESS,
PRODUCT_LIST_FAIL,
} from "..
浏览 51提问于2021-08-14得票数 0
2回答
我在使用redux-thunk时遇到了以下错误。我被困了几天，我在堆叠溢出中找到了很多关于这个问题的答案，但它们都没有帮助。抱歉，这也许是个愚蠢的问题。任何帮助都将不胜感激。非常感谢
我面临的错误：未明错误:操作必须是普通的对象。使用自定义中间件进行异步操作.
Store.js：
import { createStore, applyMiddleware } from 'redux'
import ReduxThunk from 'redux-thunk'
import reducer from './reducers'
const store
浏览 0提问于2018-07-15得票数 0
1回答
我不明白为什么需要像redux-thunk这样的东西。据我所知，thunk是一个返回函数的函数。在我看来，包装的表达式和中间件的使用似乎更多地混淆了正在发生的事情。摘自redux-thunk的示例代码
import thunk from 'redux-thunk';
// Note: this API requires redux@>=3.1.0
const store = createStore(
rootReducer,
applyMiddleware(thunk)
);
// Meet thunks.
// A thunk is a function
浏览 1提问于2017-05-05得票数 35
我使用React和Redux，webSocket来处理一些服务器端事件。
我能够从组件分派操作，通过mapDispatchToProps()函数将一个函数分配给dispatcher。
但是在组件之外触发动作又如何呢？例如在接收到的webSocket的事件时。
即使正确导入存储，从另一个脚本调用store.dispatch也会返回引用错误(未定义调度
有没有办法做到这一点？
下面是我的应用商店配置函数：
import { createStore, combineReducers, applyMiddleware, compose } from 'Redux'
import thu
浏览 1提问于2016-06-13得票数 4
我试图使用状态管理的redux来构建带有typescript的react应用程序，但我在应用程序组件上遇到了这个错误。
-app.tsx
import React from 'react';
import { Provider } from 'react-redux';
//import { Router } from "react-router";
import store from './redux/store';
import './App.css';
function App() {
retur
浏览 15提问于2020-05-21得票数 0
回答已采纳
我想要添加redux-thunk来存储，但是当在存储文件中添加这个middlewares.push(thunkMiddleware)时，我会在控制台中得到错误middleware is not a function。我怎么才能解决这个问题？
我的“store.js”文件(第21行)：
import { createStore, applyMiddleware, compose } from "redux";
import { browserHistory } from "react-router";
import { syncHistoryWithStore,
浏览 0提问于2018-02-05得票数 0
回答已采纳
9回答
我正试图在我的reactjs应用程序中应用redux。我不能继续下去，因为这些错误：
我确信我已经安装了所需的所有依赖项。以下是我的package.json的相关部分
"dependencies": {
"react-redux": "^5.0.6",
"redux": "^3.7.2",
"redux-logger": "^3.0.6",
"redux-promise": "^0.5.3",
"
浏览 11提问于2017-10-22得票数 39
回答已采纳
我尝试了一下redux，遇到了一个问题，我找到了解决方案(这里：React Redux - Error passing several store enhancers to createStore())，但这不是我想要的解决方案。基本上，我和问问题的人基本上有相同的问题，当我们创建redux商店时，我们这样做： import { createStore, applyMiddleware } from "redux";
import { composeWithDevTools } from "redux-devtools-extension";
import r
浏览 16提问于2021-03-26得票数 1
回答已采纳
我在想，当我在React Native中使用typescript编写redux action，reducers和store时，我应该给它一个.tsx的扩展，或者它可以只是.js？ 例如，这是我的store.tsx文件，如下所示： import {createStore, applyMiddleware, combineReducers} from 'redux';
import {composeWithDevTools} from 'redux-devtools-extension';
import thunk from 'redux-thunk
浏览 17提问于2021-09-30得票数 0
1回答
从Redux改为Redux工具包
、、、、
我是新的反应，并试图通过编码学习。
我需要一些关于代码的帮助/建议，将这个Redux存储转换成Redux。这里我使用了一个名为configureStore的函数。将其转换为使用“@reduxjs/toolkit”中的“configureStore”的好方法是什么？
这是为了学习。那个'createRootReducer‘来自我的reducers.js，它结合了
const createRootReducer = (history) => combineReducers({
articles: articlesReducer,
selection: selectio
浏览 3提问于2021-10-08得票数 9
回答已采纳
4回答
我试图得到一个反应-redux应用程序与类型记录，但我一直围绕着同样的错误。下面的代码编译并产生预期结果
// State definition
interface HelloWorldState {
clickCount: number
}
interface AppState extends HelloWorldState {}
// Props definitions
interface HelloWorldProps {
count: number
}
// Actions
const CLICK = 'CLICK';
const click =
浏览 3提问于2017-01-23得票数 7
回答已采纳
2回答
我对Redux及其概念非常陌生，尤其是中间件，所以我为任何愚蠢的错误道歉。
在我的这个项目中，我需要使用redux-thunk。我看过一些关于如何应用它们的指南和解释。然后，我继续收到一个错误“未定义的TypeError:无法读取属性的‘分派’”。我打开了developer工具，并显示了以下错误：
我不知道我做得对不对。下面是我的行为创作者和商店的代码。
行动/index.js
import axios from 'axios';
export function fetchLessons() {
console.log('called!');
浏览 1提问于2016-09-21得票数 2
回答已采纳
我想在我的项目中使用redux-saga，在安装redux-saga之后，当我在store.js文件中进行更改时，它会出现错误。
错误:看起来您正在将几个存储增强子传递给createStore()。这是不支持的。相反，将它们组合到一个函数中。
# store.js
import { createStore, applyMiddleware, compose } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
浏览 2提问于2020-12-06得票数 0
回答已采纳
1回答
我正在使用Redux thunk发送多个操作。我有一个store.js文件
// store.js
import rootReducer from '../reducers/setInitData'; // reducer file
import { applyMiddleware, createStore } from 'redux';
import thunk from 'redux-thunk';
const middleware = applyMiddleware(thunk);
export default createStore(r
浏览 1提问于2017-06-25得票数 0
回答已采纳
我目前正在尝试使用React + Typescript + Redux，并且遇到了一个问题。我正在尝试通过chrome devTools测试Redux的设置。我知道我屠杀了代码(对类型记录来说非常新)，每次测试时，我都会得到这个错误“未定义的TypeError:无法读取未定义的属性(读取”分派“)”。我试图声明一个全局窗口状态，安装了redux工具，但仍然非常失败。
这就是我的商店/index.tsx文件的样子：
import {
legacy_createStore as createStore,
combineReducers,
applyMiddleware,
compo
浏览 4提问于2022-10-14得票数 0
回答已采纳
我正在学习React Redux和TypeScript。
在我的小应用程序中，我想使用localStorage在本地保存数据。我试着按照来解决这个问题，但是遇到了一个打字错误。我试图将输入any定义为临时解决方案，但这并没有帮助。
Argument of type 'string | null' is not assignable to parameter of type 'string'.
Type 'null' is not assignable to type 'string'
由于有两个combineReducers.
浏览 6提问于2020-11-04得票数 0
回答已采纳
3回答
我试图从组件中调用还原器，并希望在组件中呈现它，但是当我试图将还原器存储在redux的createStore()方法中时，上面的错误就出现了。我的密码是这样的：
import { applyMiddleware, compose, createStore } from 'redux'
import thunk from 'redux-thunk'
import { browserHistory } from 'react-router'
import makeRootReducer from './reducers'
im
浏览 8提问于2016-12-23得票数 2
1回答
我的React/Redux应用程序中有一个中间件，如下所示：
export const myMiddleware = (store) => (next) => async (action) => {
switch (action.type) {
case types.SOME_ACTION:
// Some logic here...
break;
}
}
我需要在这里访问状态，以便执行这个中间件设计用来处理的逻辑。
我想，因为存储被传递到中间件中，所以我可以访问它，但是当我检查存储时，我根本看不到状态。我确实看到了一个get
浏览 1提问于2018-07-17得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
