Typescript Redux configureStore 方法错误答案

【问题标题】：Typescriot Redux cofigureStore method errorTypescript Redux configureStore 方法错误
【发布时间】：2022-08-09 18:38:01
【问题描述】：

我刚刚接受培训，并在没有任何培训材料帮助的情况下独自完成我的第一个项目。我学习了 createStore 方法，但由于 Redux 说要使用 configureStore，所以这次我想使用它。我遇到了一个无法修复的错误。

import { configureStore } from \'@reduxjs/toolkit\';
import { CartProductsSliceState } from \'../interfaces/slices/cartProductsSlice.interface\';
import { cartProductsSlice } from \'./cartRedux\';

export const initialState: CartProductsSliceState =
  {
    cartProducts: [
      {
        id: \'1\',
        name: \'pizza\',
        price: 12,
        amount: 1,
      },
    ],
  };

const store = configureStore({
  reducer: {
    cartProducts: cartProductsSlice.reducer,
  },
});

export default store;

错误说：类型 \'{ id: string;名称：字符串；价格：数量；金额：数量； }\' 不可分配给类型 \'ShoppingState\'。

这是一个切片状态

import { ShoppingState } from \'../../redux/mainTypes\';

export interface CartProductsSliceState {
  cartProducts: ShoppingState[];
}

界面：

export interface cartProduct {
  id: string;
  name: string;
  price: number;
  amount: number;
}

最后是 ShoppingState，其中 cartState 是 cartProduct 接口。

export interface ShoppingState {
  cartProducts: CartState;
}

我不知道什么会导致这个错误，所以一些帮助将不胜感激。如果这些代码部分不足，这里是带有它的 Github 存储库https://github.com/Devilish134/ts-pizzeria。

标签： typescript react-redux frontend redux-store

【解决方案1】：

问题解决了。很长时间没有时间，但是在得到更多发现之后，我犯了这个小而愚蠢的错误。反而

export interface CartProductsSliceState {
  cartProducts: ShoppingState[];
}

应该

export interface CartProductsSliceState {
  cartProducts: cartState;
}

【讨论】：