Reactjs 我在集成错误时遇到此错误:操作必须是普通对象。使用自定义中间件进行异步操作

Reactjs 我在集成错误时遇到此错误:操作必须是普通对象。使用自定义中间件进行异步操作,reactjs,react-redux,redux-thunk,Reactjs,React Redux,Redux Thunk,当我发送操作时,我面临这个错误。我曾经用过这个方法,但它工作得很好,这一次它不断地显示出这个错误。请帮助我,我无法找到任何解决方案。提前谢谢 行动: export const listPackages = () => async (dispatch) => { try { dispatch({ type: PACKAGE_LIST_REQUEST }) const {data} = await axios.get('/api/packages/all')

当我发送操作时,我面临这个错误。我曾经用过这个方法,但它工作得很好,这一次它不断地显示出这个错误。请帮助我,我无法找到任何解决方案。提前谢谢

行动:

export const listPackages = () => async (dispatch) => {
try {
    dispatch({ type: PACKAGE_LIST_REQUEST })

    const {data} = await axios.get('/api/packages/all')

    dispatch({
        type: PACKAGE_LIST_SUCCESS,
        payload: data  
    })

} catch (error) {
    dispatch({
        type: PACKAGE_LIST_FAIL,
        payload: error.message && error.response.data.message ? error.response.data.message : error.message
    })
  }
}
我的减速机:

import {
PACKAGE_LIST_REQUEST,
PACKAGE_LIST_SUCCESS,
PACKAGE_LIST_FAIL
} from "../constants/packageConstants"

export const packageListReducer = (state = {packages: []}, action) => {
switch(action.type){
    case PACKAGE_LIST_REQUEST:
        return {loading: true, packages: []}
    case PACKAGE_LIST_SUCCESS:
        return {loading: false, packages: action.payload}
    case PACKAGE_LIST_FAIL:
        return {loading: false, error: action.payload}
    default:
        return state
  }
}
我的商店:

import {createStore, combineReducers, applyMiddleware} from "redux"
import thunk from "redux-thunk"
import {composeWithDevTools} from "redux-devtools-extension"

import {packageListReducer} from "./reducers/packageReducers";

const reducer = combineReducers({
packageList: packageListReducer,
})

const initialState = {}
const middleware = [thunk]
const store = createStore(reducer,initialState,composeWithDevTools(applyMiddleware(...middleware)))

export default store
我从中发送操作的组件:

import {listPackages} from "../actions/packageActions"

export default function HomeScreen1() {

  const dispatch = useDispatch()

  const packages = []

  useEffect(() => {
dispatch(listPackages())
  }, [dispatch])

我已经仔细研究了这段代码一段时间了,无法在其中戳出任何漏洞。是所有异步操作都有问题,还是此
listPackages
操作有问题?错误是否还有其他附带信息?包含stacktrace或类似功能?这不是一个解决方案,而是一个替代方案:用于简化代码以设置存储、中间件、操作、还原程序等@drewrese我也尝试过不同的操作。我并不反对@AjeetShah,redux工具包使配置redux存储变得非常简单,默认情况下包含thunk中间件。我仍然找不到这些代码片段中的错误,但看不到如何使用导出的
存储
。你能更新你的问题,包括你如何设置你的应用程序吗?你能试着用你的代码创建一个运行的codesandbox来重现这个我们可以实时调试/检查的问题吗?