Angular2 Http with RXJS Observable TypeError: this.http.get(…).map(…).catch is not a function

Question

I have following Service which was working fine until today i got this error

TypeError: this.http.g         


        

Answer 1

I had the same issue but in my case the problem was, I had import Required modules several times in Module.ts

Answer 2

It seems that the catch operator isn't imported.

You could try to import it like this:

import 'rxjs/add/operator/catch'

Or more generally this if you want to have more methods for observables:

import 'rxjs/Rx';

See this question:

• Angular 2 HTTP GET with TypeScript error http.get(...).map is not a function in [null]

Answer 3

The 'O' character in 'rxjs/Observable' must be Upper Case.

Specifying it in lower case 'o', will give you this and other spooky errors. This must be imported like this:

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';

It took me an hour to find it. When using import, generally, the names are in lower case. This is the first time I'm seeing this. I hope it will help the others :)