Angular2: unable to return a json mapped from an Http response

Question

In my service I execute an http call and return the response as Observable

doQuery ( query: String ) : Observable<any> {
    return this.http.request(queryURL) ;   
}

And in a component I subscribe

this.service
    .doQuery(this.query)
    .subscribe((res: any) => {
        console.log ("Res");
        console.log(res);
    });

Doing this actually works; I can see in the console the dump of a Response object

My problem came when I want to return from the service the response alread mapped as json.

I trying to do tyhis

return this.http.request(queryURL).map((res: any) => res.json());

But at runtime I got an obscure javascript error (this is coming from Zone.js to be precise)

Error: Permission denied to access property "rejection"

I've already tried to change the return type from Observable<any> to Observable<any[]>, as seen on a book, but without success.

UPDATE : Actually I resolved adding into the service file this import 'rxjs/Rx';

What am I doing wrong? Why is this import needed ? Isn't a way to import Rxjs' map operator?

If you found an answer to your question, please add your own reply with the solution for other people to find. — Daniel B
– Daniel B, Commented Nov 25, 2016 at 14:10

realtebo · Accepted Answer · 2016-11-28 15:37:25Z

-1

In this specific situation, i resolved adding the import

import `rxjs/Rx`;

But in the 99% of other times this happened again to me, this error was due to a missing declaration of one service in the providers array in the @NgModule

answered Nov 28, 2016 at 15:37

realtebo

25.8k46 gold badges128 silver badges223 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular2: unable to return a json mapped from an Http response

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related