Redux Thunk报错：Action must be plain object 求助（附官方示例代码）

兄弟，我太懂你那种照着官方示例写代码，结果却跑不起来的憋屈感了！既然你说Action代码和redux-thunk官方示例完全一致，那问题大概率出在Store配置或者后续调用环节，我给你列几个最容易踩坑的排查方向：

• 确认是否正确引入并应用redux-thunk中间件
  这是90%的人会踩的坑！创建Store时必须把thunk中间件通过applyMiddleware注入进去，否则异步Action根本不会被处理。正确的配置示例应该是这样：

  import { createStore, applyMiddleware } from 'redux';
  import thunk from 'redux-thunk';
  import rootReducer from './你的reducer文件路径';
  
  const store = createStore(
    rootReducer,
    applyMiddleware(thunk) // 关键！没这行异步Action直接失效
  );
  

• 检查Reducer是否正确处理对应Action Type
  你定义了INCREMENT_COUNTER这个Type，但得确保Reducer里有对应的处理逻辑，不然就算dispatch了Action，State也不会更新。比如：

  const initialState = { counter: 0 };
  
  function rootReducer(state = initialState, action) {
    switch (action.type) {
      case 'INCREMENT_COUNTER':
        return { ...state, counter: state.counter + 1 };
      default:
        return state;
    }
  }
  

• 确认异步Action的调用方式是否正确
  别直接调用incrementAsync()，必须通过store.dispatch来触发它，不然只会返回一个函数，不会执行任何异步逻辑：

  // 正确操作
  store.dispatch(incrementAsync());
  // 错误操作（不会生效）
  incrementAsync();
  

• 排查是否有其他中间件干扰
  如果你的Store还配置了其他中间件，注意它们的顺序。thunk应该放在那些需要处理异步Action的中间件前面，避免被其他中间件拦截后无法正确传递。

内容的提问来源于stack exchange，提问作者Gautam Satish