类型 '() => Observable<any>' 不可分配给类型 '() => Observable<any>'

Question

我正在使用 typescript 制作一个 ionic 2 应用程序，在将本地 typescript 安装从版本 2.1.0 升级到版本 2.2.1 后，我开始收到此错误：

类型 '() => Observable' 不可分配给类型 '() => 可观察”。两种不同的类型 此名称存在，但它们无关。类型“Observable”不可分配给类型“Observable”。 存在同名的两种不同类型，但它们不相关。

以下每一行都会重复此错误

L28:  this.onDisconnect = Network.onDisconnect
L29:  this.onchange = Network.onchange
L30:  this.ontypechange = Network.ontypechange

Network 是从ionic-native 导入的类，其onDisconnect、onchange 和ontypechange 方法定义如下：

static onDisconnect(): Observable<any>;
static onchange(): Observable<any>;
static ontypechange(): Observable<any>;

我有 onDisconnect、onchange 和 ontypechange 作为名为“网络”的自定义类（@Injectable() 类）的 public 属性，我将它们定义如下：

L15:  public onDisconnect: ()=>Observable<any>
L16:  public ontypechange: ()=>Observable<any>
L17:  public onchange: ()=>Observable<any>

我有三个问题？

第一：有人能帮我理解这个错误在打字稿中的真正含义以及为什么它会在我的代码中出现。

第二：虽然我知道我可以扩展类，但我不想这样做。所以我要问，将我的方法声明为public 而类中的方法是static 的区别会导致这个问题吗？

第三：这两种在类上定义属性有什么区别？

编辑：

我刚刚意识到我之前尝试过扩展 Network 类，但由于静态声明而失败

Answer 1

由于某个版本的 RxJS 和 Ngrx v7 不兼容，我遇到了类似的错误。将 RxJS 降级到 ~6.4.0 有帮助。我运行yarn add rxjs@~6.4.0 为我工作，错误已解决。

Answer 2

这对我有用：

将 import { Observable } 从 rxjs/observable 更改为 import { Observable } 从 rxjs;

Answer 3

node_modules 树中潜伏着两个不同版本的 rxjs，而 TS 不知道它们是“相同的”。

首先要尝试清除整个node_modules 目录，刷新npm 缓存，然后重做npm install。

如果这不能解决问题，则根本问题可能是不同的依赖项指定了不兼容的 rxjs 版本，迫使 npm 为其中一个或多个引入单独的 rxjs 版本（它将放置在node_modules 目录下 一些模块）。你会看到这样的结构

node_modules
  dependencyA
  rxjs
  dependencyB
    node_modules
      rxjs

如果发生这种情况，那么您将别无选择，只能追踪有问题的版本要求。例如，顶级package.json 可能有rxjs: "^5.2.0"，而dependencyB/package.json 可能有rxjs: "5.0.0"。