类型'Subscription‘不能赋值给类型'Subscription’

Question

在构建我的JHipster Angular项目时，我得到了这个错误。它发生在命令yarn start之后

import { Component, OnInit, OnDestroy } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { HttpResponse, HttpErrorResponse } from '@angular/common/http';
import { Subscription } from 'rxjs/Subscription';
import { JhiEventManager, JhiParseLinks, JhiAlertService } from 'ng-jhipster';
import { ITEMS_PER_PAGE, Principal } from '../../shared';
import { Observable } from 'rxjs/Observable';
....
private subscription: Subscription;
    private eventSubscriber: Subscription;
...
 ngOnInit() {
        this.subscription = this.route.params.subscribe((params) => {
            this.load(params['id']);
        });
}


> TS90010: Type 'Subscription' is not assignable to type 'Subscription'.
> Two different types with this name exist, but they are unrelated.

但它之前工作正常，没有问题。我不知道为什么会这样。

Answer 1

尝试更改这些行

import { Subscription } from 'rxjs/Subscription';
import { Observable } from 'rxjs/Observable';

到这个

import { Subscription, Observable } from 'rxjs';

Answer 2

不是直接回答你的问题，而是用订阅对象来跟踪你所有的订阅，只需使用一个主题，并使用直到。这是在Angular中管理rxjs订阅的推荐方式。

finalise = new Subject<void>();

this.route.params.subscribe((params) => {
  this.load(params['id']);
}).pipe(takeUntil(this.finalise)); // No need to unsubscribe if finalise emits.

ngOnDestroy() {
  this.finalise.next();
  this.finalise.complete();
}

现在您只需要一个对象来管理组件中的所有订阅。