使用 TypeScript 2.4.1 在 @ngrx/effects 中可观察到的操作出错

Question

更新到 TypeScript 2.4.1 后，编译使用来自 @ngrx/effects（版本 2.0.3）的 Actions observable 的项目会看到抛出以下错误：

Error TS2684: The 'this' context of type 'Actions' is not assignable to method's 'this' of type 'Observable<any>'.
Error TS7006: Parameter 'action' implicitly has an 'any' type.
Error TS2345: Argument of type 'Actions' is not assignable to parameter of type 'Observable<Action>'.
  Types of property 'lift' are incompatible.
    Type '(operator: Operator<any, Action>) => Observable<Action>' is not assignable to type '<R>(operator: Operator<Action, R>) => Observable<R>'.
      Types of parameters 'operator' and 'operator' are incompatible.
        Type 'Operator<Action, R>' is not assignable to type 'Operator<any, Action>'.
          Type 'R' is not assignable to type 'Action'.

如何解决？

Answer 1

TypeScript 2.4.1 更严格地强制执行 Observable 中 lift 方法的通用签名，而 Actions observable 的 lift 实现未通过检查。

可以使用--noStrictGenericChecks 命令行标志或noStrictGenericChecks 编译器选项（作为tsconfig.json 的"compilerOptions" 对象中的参数）禁用检查。

禁用检查的另一种方法是使用 TypeScript 的接口扩充来指定正确的签名：

import { Action } from "@ngrx/store";
import { Observable } from "rxjs/Observable";
import { Operator } from "rxjs/Operator";

declare module "@ngrx/effects/src/actions" {
    interface Actions {
        lift<R>(operator: Operator<Action, R>): Observable<R>;
    }
}

请注意，必须使用模块/文件的完整路径；仅将 @ngrx/effects 指定为模块名称是不够的。

---

@ngrx/effects2.0.4 的发布已解决此问题。