Redux Toolkit使用useAppDispatch派发异步操作报AnyAction类型不匹配错误

该TypeScript报错本质是dispatch的类型定义没有包含Thunk异步函数支持：Redux Toolkit默认内置了thunk中间件，运行时可以正常处理你传入的异步函数，但是TypeScript层面的类型没有正确配置，所以校验认为你只能传入带type字段的普通同步Action对象，不接受Thunk函数。

步骤1：确认store.ts配置正确 #

首先检查你的store创建逻辑，不要手动覆盖默认中间件丢失thunk，同时正确导出全局类型：

import { configureStore } from '@reduxjs/toolkit'
// 引入你自己的根reducer
import rootReducer from './reducers'

export const store = configureStore({
  reducer: rootReducer,
  // 如果要自定义中间件，必须用getDefaultMiddleware保留默认包含的thunk
  middleware: (getDefaultMiddleware) => getDefaultMiddleware()
  // 禁止直接这么写：middleware: [xxxMiddleware]，会直接覆盖默认中间件丢失thunk
})

// 导出全局RootState和AppDispatch类型
export type RootState = ReturnType<typeof store.getState>
export type AppDispatch = typeof store.dispatch

步骤2：正确定义useAppDispatch自定义Hook #

不要直接使用原生useDispatch，要绑定上面导出的AppDispatch类型，确保dispatch可以识别Thunk异步函数。
你可以直接在store.ts里添加，或者单独新建hooks.ts文件定义：

import { useDispatch } from 'react-redux'
import type { AppDispatch } from './store'

// 自定义带类型的dispatch Hook
export const useAppDispatch = () => useDispatch<AppDispatch>()

步骤3：确认代码调用逻辑 #

确保你现有代码里用的是上面自定义的useAppDispatch，而不是从react-redux直接导入的原生useDispatch，配置完成后报错即可消失，你代码里异步dispatch后的.then()调用也会自动匹配正确的Promise类型。

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