时间戳

首页 > 解决方案 > 如何从 Aurelia Store 订阅方法导入 Typescript 订阅类型？

typescript - 如何从 Aurelia Store 订阅方法导入 Typescript 订阅类型？

问题描述

我正在关注Aurelia Store的文档，了解如何订阅商店更改流。当我从中导入打字稿Subscription类型时，rxjs我收到打字稿编译错误： TS2322: Type 'import("project\node_modules\aurelia-store\node_modules\rxjs\internal\Subscription") is not assignable to type import("project\node_modules\rxjs\internal\Subscription")

代码示例：

// app.ts
import { autoinject } from "aurelia-dependency-injection";
import { Store } from "aurelia-store";
import { Subscription } from 'rxjs';
import { State } from "./state";

@autoinject()
export class App {

  public state: State;
  private subscription: Subscription;

  constructor(private store: Store<State>) {}

  bind() {
    this.subscription = this.store.state.subscribe(
      (state) => this.state = state
    );
  }

  unbind() {
    this.subscription.unsubscribe();
  }
}

我试过这样做import { Store, Subscription } from 'aurelia-store'，但这也不起作用。

编辑：

回答 Pierre-Luc Champigny 的问题：

您的 rxjs 版本（来自 Aurelia 和您安装的 rxjs）是否相同？

因此，aurelia-store/package.json 的 rxjs 版本为“^6.2.2”，而我的项目 package.json 为“6.3.2”。所以，我卸载了我的 rxjs 版本并安装了 6.2.2 版本。现在打字稿给出了这个错误信息：

TS2322：类型 'import("project/node_modules/aurelia-store/node_modules/rxjs/internal/Subscription").Subscription' 不可分配给类型 'import("project/node_modules/rxjs/internal/Subscription").Subscription' . 属性“_parent”受保护，但类型“订阅”不是从“订阅”派生的类。

标签： typescriptaureliaaurelia-store

解决方案

所以，我不确定为什么会这样，但我正在回答我自己的问题，以防其他人遇到这个问题。

  1. 我卸载了 rxjs
  2. 我重新安装了 rxjs
  3. 我删除了我的node_modules文件夹
  4. 我删除了我的 package-lock.json
  5. 我跑了npm clean cache --force
  6. 我跑了npm install

然后一切又开始工作了:)

推荐阅读