Redux Toolkit+Express如何通过window对象设置store初始状态

你的核心实现思路是正确的，Redux Toolkit 的 configureStore 原生支持通过 preloadedState 参数注入服务端下发的初始状态，逻辑和你之前用原生 Redux 时的注水方案完全兼容，但当前代码存在明确错误和几个需要注意的配置点：

1. 优先修复拼写错误 #

你代码里的参数名 preloadedSate 存在拼写错误（漏了State的t），正确参数名是 preloadedState，这个错误会直接导致传入的初始状态完全不生效。

2. reducer 配置不能留空 #

你当前代码中 reducer: {} 是空配置，必须将项目中所有 slice 的 reducer 按状态树的挂载key填入，且要保证传入的preloadedState的顶层key和reducer挂载的key完全对齐。举个例子，如果用户会话信息挂在状态树的user字段下，reducer就需要对应挂载user模块的reducer：

import { userSlice } from './features/user/userSlice';

const initialState = window.redux_store;

export const store = configureStore({
  reducer: {
    user: userSlice.reducer,
    // 其他模块的reducer按对应key挂载
  },
  preloadedState: initialState // 修正后的参数名
});

如果key不匹配，会出现初始状态注水失败、对应模块状态回退到slice自身initialState的问题。

3. 增加环境兜底校验 #

不要直接读取window.redux_store，需要先判断当前运行环境、以及window上是否存在注入的状态字段，避免同构构建阶段、或者服务端注入失败时前端直接报错：

const initialState = typeof window !== 'undefined' ? window.redux_store : undefined;

4. 无需手动处理状态合并 #

Redux Toolkit 会自动完成preloadedState和各slice自带initialState的合并：你传入的注水状态里存在的字段，会覆盖对应slice的初始值；没有传入的字段，会自动使用slice内定义的初始值，不需要手动写对象合并逻辑。

额外注意事项 #

• 如果你用TypeScript开发，需要提前为window.redux_store声明匹配的类型，避免类型报错，同时可以基于store实例推导RootState类型，保证状态结构统一。
• SSR场景下要保证每个用户请求都生成独立的store实例，不要在服务端复用同一个store，避免不同用户的状态串漏。你之前原生Redux方案已经跑通的话，这部分逻辑可以直接复用。

内容的提问来源于stack exchange，提问作者b.son