this.http.post(...).map is not a function [duplicate]

Question

doSelectMessagesAttributesUrl1(pushRequest : PushRequest) {
    console.info("sending post request");

    let headers = new Headers({
        'Content-Type': 'application/x-www-form-urlencoded'});

    return this.http
        .post(this.selectMessagesAttributesUrl, {headers: headers})
        .map(res => res.json().data)
        .subscribe(
            data => { },
            err => { console.error('An error occurred', err) }
        );
}

I get this error:

EXCEPTION: TypeError: this.http.post(...).map is not a functionBrowserDomAdapter.logError @ platform-browser.umd.js:937
zone.js:461 

Unhandled Promise rejection: this.http.post(...).map is not a function ; Zone: <root> ; Task: Promise.then ; Value: TypeError: this.http.post(...).map is not a function(…)

what is missing in my http syntax?

Jorawar Singh · Accepted Answer · 2016-08-18 22:45:43Z

4

You need to import rxjs like

import 'rxjs/Rx';

answered Aug 18, 2016 at 22:45

Jorawar Singh

7,6414 gold badges29 silver badges40 bronze badges

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

3 Comments

Elad Benda Over a year ago

i have this already, and yet i see this error

Tomas Over a year ago

Be aware this usage of import will drastically increase bundle size

Techdive Over a year ago

// ----------------- map ----------------------- import 'rxjs/add/operator/map'; import { map } from 'rxjs/operators'; import 'rxjs/Rx'; import { Observable } from 'rxjs'; import 'rxjs/add/observable/throw';

Collectives™ on Stack Overflow

this.http.post(...).map is not a function [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related