rxjs6

I am upgrading my app to Angular 6 . I am upgrading from Angular 4 , but the code below is causing errors in Angular 6, where it worked fine in Angular 4. The errors I am getting: Property 'of' does not exist on type 'typeof Observable' Error: Property 'catch' does not exist on type 'Observable' How should I resolve these errors? private authInterceptor(observable: Observable<Response>): Observable<Response> { return observable.catch((error, source) => { if (error.status == 401) { this.router.navigateByUrl('/login'); return Observable.of(); } else { return Observable.throw(error); } }); }

Typescript code: import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService { constructor() { } getHeroes(): Observable<Hero[]> { return of(HEROES); } } error info: error TS2307: Cannot find module 'rxjs-compat/Observable'. node_modules/rxjs/observable/of.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/observable/of'. src/app/hero.service.ts(2,10): error TS2305: Module '"F:/angular

What is the correct expression and import for Observable.of([]); . import { of } from 'rxjs'; does not work for me. Since RxJS 6 you should import all "creation" observables directly from 'rxjs' (assuming you have path maps set when bundling your app). More detailed explanation: https://github.com/ReactiveX/rxjs/blob/master/MIGRATION.md#import-paths import { of } from 'rxjs'; of(1).subscribe(console.log); See demo: https://stackblitz.com/edit/typescript-e3lxkb?file=index.ts No need to use Observable.of(T) Instead you can use the below syntax in the rxjs 6.3.3 return new Observable<AppUser>();

import { Observable, of } from "rxjs"; // And if I try to return like this return Observable.of(this.purposes); I am getting an error stating, Property 'of' does not exist on type 'typeof Observable' Looks like cartant's comment is correct, the RxJS upgrade guide doesn't cover that method specifically but does say "Classes that operate on observables have been replaced by functions" Which seems to mean all or most of those class methods like .of, .throw etc. have been replaced by a function So instead of import { Observable, of } from "rxjs"; Observable.of(this.purposes); do import { of } from