未捕获的TypeError：(0，_reactRedux.combineReducers)不是函数

Question

我从react开始尝试一些东西。但我不断地得到错误的"Uncaught TypeError: (0 , _reactRedux.combineReducers) is not a function“这是我的演示配置文件

import React from 'react'
import { render } from 'react-dom'
import { createStore, applyMiddleware,compose } from 'redux'
import { Provider } from 'react-redux'

import createLogger from 'redux-logger'
import thunk from 'redux-thunk'

import App from './containers/App'
import promise from "redux-promise-middleware"
import logger from "redux-logger"

import reducer from "./reducers"

const middleware = applyMiddleware(promise(), thunk, logger())
const store= createStore(reducer,middleware)
render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
)

此react reducers的index.js从"react-redux“导入{ combineReducers }从"./UserReducer”导入用户

export default combineReducers({
    users,

    }
)

用户reducer.js

export default function reducer(state={users:[]},action){
   // console.log("inside reducer")
   switch(action.type){
       case "FETCH_USERS":{
           console.log("inside reducer",{...state})
           return {...state,users:action.payload}
       }
   } 
}

Answer 1

react是由“redux”包提供的，而不是“combineReducers -redux”。

所以：import { combineReducers } from 'redux'应该可以解决这个问题

Answer 2

改一下这个怎么样？

export default combineReducers({
   users,

   }
)

到这个

import { combineReducers } from 'redux'
import users from './users'

const someApp = combineReducers({
  users
})

export default someApp

并将其导入您放置路由的app.js或index.js中。就像这样。

import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import { createStore } from 'redux'
import someApp from './reducers'
import App from './components/App'

let store = createStore(someApp)

render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
)

Answer 3

我今天也遇到了同样的问题，但之前它工作得很好。我正在导入combineReducers from 'redux'。

我刚刚将单独的reducer函数更改为使用createReducer from '@reduxjs/toolkit'，然后它就崩溃了。改回代码仍然不起作用，所以这可能与为TypeScript添加额外的类型有关。

奇怪的是，我能够通过导入combineReducers from '@reduxjs/toolkit'来修复这个问题。