StoreEnhancer的TypeScript定义阻止rest参数

Question

我正在用React-Redux设置一个应用程序，并配置了商店，类似于这里显示的指南

这是我的密码：

import { applyMiddleware, compose, createStore } from 'redux';
import thunkMiddleware from 'redux-thunk';
import rootReducer from '../reducers/reducers'

export default function configureStore() {

  const middlewares = [thunkMiddleware];
  const middlewareEnhancer = applyMiddleware(...middlewares);

  const enhancers = [middlewareEnhancer];

  const composedEnhancers = compose(...enhancers);

  const preloadedState = (<any>window).__PRELOADED_STATE__;

  delete (<any>window).__PRELOADED_STATE__;

  const store = createStore(rootReducer, preloadedState, composedEnhancers);

  return store;

}

但是，在运行build时，我一直收到以下Typescript错误

TS2345: Argument of type '(...args: any[]) => {}' is not assignable to parameter of type 'StoreEnhancer<{}, {}>'.

我很困惑。Redux的声明文件状态（如下所示）是否表明StoreEnhancer只是将Store和state扩展名作为空的普通对象接收？

export type StoreEnhancer<Ext = {}, StateExt = {}> = (next: StoreEnhancerStoreCreator) => StoreEnhancerStoreCreator<Ext, StateExt>

如果是这样，为什么它不接受rest参数中的“Any”类型，即使我在配置文件中将“noImplicitAny”属性设置为“true”，如下所示？

（据我所知，rest参数无论如何都不能接收声明的类型。）

我错过了什么



此外，我正在使用以下软件包版本：

"redux"："^16.4.2"，
"redux"："^4.0.0"，
"redux-thunk"："^2.3.0"，
"webpack"："^4.16.5"，
"awy-typecript-loader"："^5.2.0"，
"typecript"："^3.0.3"
"@类型/反应"："^16.4.12""，
"@类型/redux"："^3.6.0"，
"@类型/redux-thunk"："^2.1.0"

使用以下TS配置设置：

“编译器选项：{
*“outDir”：“/dist/”，
*“sourceMap”：true，
*“noImplicitAny”：true，
*“module”：“esnext”，
*“target”：“esnext”，
*“jsx”：“react”，
*“moduleResolution”：“node”，
*“noUnusedLocals”：true，
*“noUnusedParameters”：true，
*“noUnusedParameters”：true，
*“strict”：true，
*“true，
*“esmodulep”：false，
*“noFallthroughCasesInSwitch”：true，
*“allowSyntheticDefaultImports”：true
}

Answer 1

问题是，Comported增强器的返回类型是{}，而createStore期望它是StoreEnhancerStoreCreator

export function compose<R>(...funcs: Function[]): (...args: any[]) => R;

如果不指定R，则默认为{}。所以要么指定R，要么只使用compose（middlewareEnhancer），除非你真的需要一个动态的增强子数组。