Angular 6 router.events.filter 'filter' does not exist on type 'Observable<Event>'

This is how to filter router events with Angular 6+ and latest RxJS:

import { Component, OnInit } from '@angular/core';import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';import { filter } from 'rxjs/operators';export class MyComponent implements OnInit {    constructor(private router: Router, private activatedRoute: ActivatedRoute) {}    ngOnInit() {        this.router.events.pipe(            filter(event => event instanceof NavigationEnd)        ).subscribe(() => {            console.log(this.activatedRoute.root);        });    }}

Uses the pipe operator instead of attempting to chain filter on the observable.

I don't see in your code if you imported filter

for Rxjs 6:

import { filter } from 'rxjs/operators';    .    .    .     this.router.events.pipe(       filter((event:Event) => event instanceof NavigationEnd)     ).subscribe(res => console.log(res))

Activated Route wasnt giving me the url. So I tried this.P.S: event['url'] worked instead of event.url

import { filter } from 'rxjs/operators';import { Router,NavigationEnd } from '@angular/router'; router.events.pipe(filter(event => event instanceof NavigationEnd))        .subscribe(event =>          {            this.currentRoute = event['url'];                      console.log(this.currentRoute);         });