Redux createStore<StoreState> 产生错误：Expected 4 type arguments, but got 1

Posted 2023-02-22

【中文标题】Redux createStore<StoreState> 产生错误：Expected 4 type arguments, but got 1

【英文标题】：Redux createStore<StoreState> produces an error: Expected 4 type arguments, but got 1

【发布时间】：2019-09-30 21:56:35

【问题描述】：

我正在关注TypeScript-React-Starter tutorial，并在src/index.tsx 中创建商店。从教程中，

const store = createStore<StoreState>(enthusiasm, 
  enthusiasmLevel: 1,
  languageName: 'I\'m fluent in Math and Klingon'
);

产生错误

Expected 4 type arguments, but got 1.

Issue #136 建议使用

import  EnthusiasmAction  from './actions/index';

const store = createStore<StoreState, EnthusiasmAction, any, any>(enthusiasm, 
  enthusiasmLevel: 1,
  languageName: 'I\'m fluent in Math and Klingon'
);

在其他类似的解决方案中，但这会产生另一个错误：

Argument of type '(state: StoreState, action: EnthusiasmAction) => StoreState' is not assignable to parameter of type 'Reducer<StoreState, EnthusiasmAction>'.
Types of parameters 'state' and 'state' are incompatible.
  Type 'StoreState | undefined' is not assignable to type 'StoreState'.
    Type 'undefined' is not assignable to type 'StoreState'.

问题已关闭，但其他人也遇到了同样的问题。

如何创建我的商店？

【参考方案1】：

const store = createStore<StoreState>(enthusiasm, 
  enthusiasmLevel: 1,
  languageName: 'I\'m fluent in Math and Klingon'
);

产生错误

Expected 4 type arguments, but got 1.

这是由于我使用 Redux 4.0.1 时使用 Redux 3.7.2 的教程。

解决方案 #1

我安装了 Redux 3.7.2：

npm install redux@3.7.2

由于我使用的是TypeScript-React-Starter tutorial，因此这是最适合本教程的解决方案。

解决方案 #2

我将 createStore() 函数更改为采用 4 个类型参数作为错误消息的建议：

const store = createStore<StoreState, Action<any>, unknown, unknown>(enthusiasm, 
  enthusiasmLevel: 1,
  languageName: 'I\'m fluent in Math and Klingon',
);

现在我可以使用 Redux 4.0.1 继续 tutorial。 :-)

【参考方案2】：

在创建 store 时尝试在 reducer 中创建初始状态。它应该可以工作。

export interface IStoreState 
    languageName: string;
    enthusiasmLevel: number

const initState: IStoreState = 
    languageName: "TypeScript",
    enthusiasmLevel: 0