const rootReducer = combineReducers({
    products,
    specialPosts
});

const store = createStore( rootReducer, applyMiddleware( thunkMiddleware ));

然后，初始状态将从各个reducer函数返回的初始状态自动创建。这些单独的状态可以作为state.products和state.specialPosts访问

问题是由于rootReducer被“require”（ES5）导入：

var rootReducer = require('./reducers.js');

如果你通过ES6方法导入它，它会像你所期望的那样正确地将rootReducer.js的默认值自动保存到rootReducer中：

import rootReducer from './reducers';

我看到你在那个文件中混合了ES5（require）和ES6（import）...我在我的项目中也混合了，这就是为什么我遇到了这个问题。更多信息可以在这里找到：https://medium.com/@kentcdodds/misunderstanding-es6-modules-upgrading-babel-tears-and-a-solution-ad2d5ab93ce0#.2x2p2dx3m

创建存储时，第一个参数必须是函数，表示reduce（()=>[]）参数

错误：

import {createStore,applyMiddleware} from 'redux';

export default function configureStore(initialState) {
  return createStore(
    [],
    {},
    applyMiddleware()
  );
}

解决方案：

import {createStore,applyMiddleware} from 'redux';

export default function configureStore(initialState) {
  return createStore(
    ()=>[],
    {},
    applyMiddleware()
  );
}

当您看到错误时：
未捕获错误：期望reducer是一个函数
这并不一定意味着reducer不是一个函数。如果您遇到此错误，您应该尝试使用justreducer创建存储。就像这样：
createStore(reducer)
这可能是工作。
在我的例子中，第二个参数是错误的，因为我没有以正确的顺序调用compose和applyMiddleware。所以这是一个正确的设置，似乎在我的情况下工作：

export const createDebugStore = () => {
    const options: EnhancerOptions = {}
    const composeFunc = (typeof window !== 'undefined' && composeWithDevTools(options)) || compose;
    const enhancer = composeFunc(applyMiddleware());

    return createStore((state: any) => state || {}, enhancer);
}

rootReducer

/* index.js */

import AppReducer from './reducers';
// import {AppReducer} from './reducers';
// bugs : must be a root reducer, can not be use as a module






/* reducers.js */ 

// initial state
const initialState = {
    angular: 0,
    react: 0,
    vuejs: 0
};

// reducers update state 
const AppReducers = (state = initialState, action) => {
    switch (action.type) {
        case 'VOTE_ANGULAR':
            console.log("Vote Angular!");
            return (
                Object.assign(
                    {}, 
                    state, 
                    {
                        angular: state.angular + 1
                    }
                )
            );
        case 'VOTE_REACT':
            console.log("Vote React!");
            return (
                Object.assign(
                    {}, 
                    state, 
                    {
                        react: state.react + 1
                    }
                )
            );
        case 'VOTE_VUEJS':
            console.log("Vote Vue.jsc!");
            return (
                Object.assign(
                    {}, 
                    state, 
                    {
                        vuejs: state.vuejs + 1
                    }
                )
            );
        default:
            return state;
    }
};

export {AppReducers};
export default AppReducers;

我使用VS Code Insiders，有时更改无法正确保存。因此，如果您遵循了以上所有的操作，错误仍然存在，请转到每个文件并按STRG+S。它为我解决了这个问题。

我也遇到过同样的问题，它通过

const redux = require('redux');
const store = redux.createStore(reducer);

我的reducer是

const reducer = (state = initailState, action)=>{
    if(action.type === 'BUY_CAKE'){

        return {...state, numOfCake : state.numOfCake + 1}
    }
    if(action.type === BUY_ICECREAM){

        return {...state, numOfIceCream : state.numOfIceCream + 1}
    }
}

当你看到这个错误：Uncaught Error: Expected the reducer to be a function时，必须确保在src/index.js文件中，createStore()方法的第二个参数必须是函数。
这是错误的：const store = createStore(rootReducer, applyMiddleware)
此分类下一篇：const store = createStore(rootReducer, applyMiddleware())

新更新请使用configureStore：

此分类下一篇：const store = configureStore(rootReducer, applyMiddleware())