属性"distinctUntilChanged"在类型"可观察"上不存在<Event>

Question

尝试从 5 升级到 Angular 6 并收到此错误：

src/app/app.component.ts(26,23( 中的错误：错误 TS2339：属性 "distinctUntilChanged"在"Observable"类型上不存在。

我已经在app.module.ts中导入了distinctUntilChanged：

import "rxjs/add/operator/distinctUntilChanged";

以及我在app.component.ts中的代码：

import { Component } from "@angular/core"; import { Router, NavigationEnd } from "@angular/router";
import { TranslateService } from "@ngx-translate/core";
import { GeoService } from "app/services/geo.service";
import { ArbeteService } from "app/services/arbete.service";
import { GoogleAnalyticsEventsService } from "app/services/google-analytics-events.service";
import * as _ from "lodash";
@Component({
selector: "app-root",
templateUrl: "./app.component.html",
styleUrls: ["./app.component.scss"]
})
export class AppComponent {
//Send pageview to Google Analytics
router.events.distinctUntilChanged((previous: any, current: any) => {
if (current instanceof NavigationEnd) {
return previous.url === current.url;
}
return true;
}).subscribe((x: any) => {
googleAnalytics.emitVirtualPageView("Rekryteringsguiden", "Rekryteringsguiden");
});

我在这里错过了什么？

Answer 1

import { distinctUntilChanged } from 'rxjs/operators';
router.events.pipe(distinctUntilChanged((previous: any, current: any) => {})).subscribe();

Answer 2

对于 Angular 6，大多数 RxJS 运算符的语法都会改变。

要导入它，请使用以下命令：

import { catchError } from 'rxjs/operators';

但是调用必须包装在pipe中，如下所示：

router.events
.pipe(
distinctUntilChanged((previous: any, current: any) => {
if (current instanceof NavigationEnd) {
return previous.url === current.url;
}
return true;
})).subscribe((x: any) => {
googleAnalytics.emitVirtualPageView("Rekryteringsguiden", "Rekryteringsguiden");
});

Answer 3

来自 rxjs 5.5 导入运算符

import { distinctUntilChanged } from 'rxjs/operators';