使用TypeScript的combineEpics会出现类型错误

Question

我在结合我的史诗时遇到了这个错误：

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)
  ))