React Native使用RTK Query触发reducerPath为api的中间件未添加到store警告

问题根因 #

1. 错误持久化RTK Query运行时状态 #

RTK Query 对应的 reducer 存储的是请求缓存、订阅关系、请求生命周期等运行时动态数据，禁止持久化。你当前的 redux-persist 配置默认持久化了整个根 reducer，持久化还原后的数据和 RTK Query 中间件的内部状态不同步，直接触发题目中的警告，也会导致自动重取、缓存清理等内置功能失效。

2. 冗余中间件配置（非错误，可优化） #

@reduxjs/toolkit 的 configureStore 默认已经内置了 thunk 中间件，你代码中手动 concat thunk 的操作属于冗余配置，不会触发问题但可以清理。

修复步骤 #

第一步：修改 redux-persist 配置，排除 RTK Query 的 reducer #

修改 store.ts 中的 persistConfig，添加黑名单排除 RTK Query 的 reducer 路径：

const persistConfig = {
  key: 'root',
  storage: AsyncStorage,
  timeout: null,
  transforms: [encryptor],
  // 新增配置：不持久化 RTK Query 的状态
  blacklist: [storiesApi.reducerPath]
};

第二步：清理历史持久化缓存（必做） #

你之前已经把错误的 RTK Query 状态持久化到了本地 AsyncStorage 中，需要先清理旧缓存才能生效：

• 测试阶段可以直接卸载重装 APP
• 线上可以临时加一行代码在 APP 初始化阶段执行一次，执行后可删除：

// 放在 persistStore 调用后即可
persistor.purge()

第三步：可选优化 #

你可以在 storiesService.ts 的 createApi 配置中手动指定 reducerPath，避免后续新增多个 API 实例时出现路径冲突：

export const storiesApi = createApi({
  reducerPath: 'storiesApi', // 手动指定唯一路径
  baseQuery: axiosBaseQuery({ baseUrl: API_STORIES }),
  endpoints: (build) => ({
    // 原有逻辑保持不变
  })
})

同时可以删掉中间件配置中多余的 thunk 引入和拼接：

// 原来的.concat(thunk, storiesApi.middleware) 改为
.concat(storiesApi.middleware)

修复完成后重启应用，警告会自动消失，RTK Query 的自动重取、缓存管理等功能都会恢复正常。

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