Redux 4.0中Store Enhancer的TypeScript类型报错问题求助

这个类型错误的核心原因是你没有正确使用Redux类型定义中的泛型参数，导致TypeScript无法推断出状态类型的兼容性。让我们一步步拆解问题并修复它：

问题分析 #

你定义的enhancer直接使用了无泛型的StoreEnhancer，这会让TypeScript默认推断它为StoreEnhancer<{}, {}>——也就是适配空状态的增强器。但你的增强器内部硬编码了RootState类型，这就和StoreEnhancerStoreCreator期望的**任意状态类型S**产生了冲突：TypeScript无法保证RootState能赋值给未知的S，所以抛出了类型不兼容的错误。

修复方案 #

我们需要让增强器保持泛型兼容性，或者明确指定它适配的状态类型。这里有两种推荐的修复方式：

方式1：让增强器支持任意状态类型（通用方案） #

修改代码，让增强器不绑定具体的RootState，而是使用泛型来适配任意状态：

import { StoreEnhancer, StoreEnhancerStoreCreator, Reducer, DeepPartial, AnyAction, Dispatch } from 'redux';

export const enhancer: StoreEnhancer = <S, A extends AnyAction>(
  createStore: StoreEnhancerStoreCreator<S, A>
): StoreEnhancerStoreCreator<S, A> => (
  reducer: Reducer<S, A>,
  preloadedState?: DeepPartial<S>
) => {
  const store = createStore(reducer, preloadedState);
  
  const newDispatch: Dispatch<A> = (action: A) => {
    const result = store.dispatch(action);
    return result;
  };

  return {
    ...store,
    dispatch: newDispatch,
  };
};

方式2：绑定到具体的RootState（特定场景方案） #

如果你确实需要这个增强器只适配RootState，可以明确指定泛型参数：

import { StoreEnhancer, StoreEnhancerStoreCreator, Reducer, DeepPartial, AnyAction, Dispatch } from 'redux';

interface RootState {
  someKey: string;
}

// 明确指定StoreEnhancer的泛型参数为RootState相关类型
export const enhancer: StoreEnhancer<{ dispatch: Dispatch<AnyAction> }, RootState> = (
  createStore: StoreEnhancerStoreCreator<RootState, AnyAction>
): StoreEnhancerStoreCreator<RootState, AnyAction> => (
  reducer: Reducer<RootState, AnyAction>,
  preloadedState?: DeepPartial<RootState>
) => {
  const store = createStore(reducer, preloadedState);
  
  const newDispatch: typeof store.dispatch = <A extends AnyAction>(action: A) => {
    const result = store.dispatch(action);
    return result;
  };

  return {
    ...store,
    dispatch: newDispatch,
  };
};

验证修复 #

修改代码后，重新运行：

yarn run compile

此时TypeScript应该不会再抛出类型错误了。

额外说明 #

Redux的StoreEnhancer和StoreEnhancerStoreCreator都是泛型类型，设计目的是为了适配不同的状态结构。硬编码具体状态类型会破坏这种通用性，这也是TypeScript报错的根本原因。优先选择方式1的通用方案，能让你的增强器在更多场景下复用。

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