http.get(..).map function is not working with alpha 48

[MurhafSousli]

since I updated to alpha 48, http.get(...).map is no longer working.

EXCEPTION: TypeError: json.map is not a function in [null]

@Injectable()
export class WPService implements IWPService {
    baseURL: string = 'http://localhost/wptest/api';
    http: Http;
    constructor(http: Http) {
        this.http = http;
    }
    GetPosts() {
        var query = this.baseURL + '/get_posts/';
        return new JsonObject(this.http.get(query));
    }
}

@Injectable()
export class JsonObject {
    constructor(json: Observable<any>) {
        json.map(res => res.json()).map(data => {          // <= 
            for (var entry in data) {
                if (data.hasOwnProperty(entry)) {
                    this[entry] = data[entry];
                }
            }
        }).subscribe();
    }
}

when I downgraded to alpha 47, .map worked again. maybe it has something to do with the integrated rxjs

[rolandjitsu]

I got the same issue 👍

[ericmartinezr]

Guys, you have to add map (install rxjs@5.0.0-alpha.11)

import 'rxjs/operators/map';

I don't know if for Http module we will always have to do this. As far as I know map is one of the defaults one. Anyway, with this you can make it work for now until you get an official answer

Note that I had to map it like this

System.config({
    paths: {
        // alpha 11
        'rxjs/operators/*' : 'node_modules/rxjs/operators/*.js'
        // alpha 12, 13 & 14
        'rxjs/add/operator/*' : 'node_modules/rxjs/add/operator/*.js'
        }
}

[micmro]

I wonder if this might have to do with the same import issue as in #5643?

[todoubaba]

With alpha.50, add map by

import 'rxjs/operator/map';

and

System.config({
  paths: {
    'rxjs/operator/*': 'node_modules/rxjs/add/operator/*.js',
    'rxjs/*' : 'node_modules/rxjs/*.js'
  }
});

It just works, is that right?

[ericmartinezr]

@todoubaba yes, it is. I just match the paths names to avoid confusions on my head, lol. You can put whatever you want in the left, the important part is on the right.

[dgwaldo]

I'm on alpha-5.2 and still having this issue. Also had to add default extension for the packages.

System.config({
            packages: {
                'app': { defaultExtension: 'js' },
                '../node_modules/rxjs': { defaultExtension: 'js' }
            },
            paths: {
                'rxjs/operator/*': '../node_modules/rxjs/add/operator/*.js',
                'rxjs/*': '../node_modules/rxjs/*.js'
            }
        });

[NisStrom]

I'm facing the same issue also using alpha-52.

[playground]

Having the same issue with alpha52 TypeError: http.get(...).map is not a function

[rolandjitsu]

@playground as @ericmartinezr pointed out, you need to include the operators you are going to use like import 'rxjs/operators/map'; for example.

@dgwaldo, your system config should look like:

System.config({
            packages: {
                'app': { defaultExtension: 'js' },
                'rxjs': { defaultExtension: 'js' }
            },
            paths: {
                'rxjs/operator/*': '../node_modules/rxjs/add/operator/*.js',
                'rxjs/*': '../node_modules/rxjs/*.js'
            }
});

I use something like the following:

System.defaultJSExtensions = true;
System.config({
    paths: {
        'rxjs/operator/*': 'lib/rxjs/add/operator/*.js',
        'rxjs/*' : 'lib/rxjs/*.js'
    }
});