使用 TypeScript 的 combineEpics 给出类型错误

Question

我在组合我的 epics:

时收到此错误

TS2345: Argument of type 'Epic<SessionAction, GlobalState, any>' is not assignable to parameter of type 'Epic<EmployeeAction, GlobalState, any>'.
Type 'SessionAction' is not assignable to type 'EmployeeAction'.
Types of property 'type' are incompatible.
  Type 'SessionActionTypes' is not assignable to type 'EmployeeActionTypes'.

代码如下：

import { combineEpics } from 'redux-observable';
import { fetchUserSession } from './sessionEpics';
import { fetchEmployee } from './employeeEpics';

export default combineEpics(
  fetchEmployee,
  fetchUserSession
);

Answer 1

我也有同样的问题。似乎打字稿抓住了第一部史诗，推断出它的类型并期望所有其余的都是相同的。

我做的是第一个。

以您的代码为例：

import { Observable } from 'rxjs/Observable';
import { AnyAction } from 'redux';
import { combineEpics } from 'redux-observable';
import { fetchUserSession } from './sessionEpics';
import { fetchEmployee } from './employeeEpics';

export default combineEpics(
  fetchEmployee as Observable<AnyAction>,
  fetchUserSession
);

Answer 2

或使用combineEpics<any>：

export default combineEpics<any>(
  fetchEmployee,
  fetchUserSession
);

Answer 3

更好的解决方案可能是使用正确的类型：AnyAction 和 Observable:

import { AnyAction } from "redux"
import { combineEpics, createEpicMiddleware } from "redux-observable"
import { Observable } from "rxjs"

export const clientMiddleware = createEpicMiddleware(
  combineEpics<AnyAction, Observable<AnyAction>>(
    authenticateEpic(request),
    registerEpic(request)
  ))

使用 TypeScript 的 combineEpics 给出类型错误

combineEpics using TypeScript gives type error

rxjs

typescript

redux-observable