script - jsonp angular 6

UnEdge ReferenceError:__ng_jsonp____req0_finished no está definido en

Question

Tengo una aplicación angular y estoy usando JSONP también.

Este es mi servicio:

import { Injectable } from ''@angular/core'';
import { Http, Response, Headers, RequestOptions } from ''@angular/http'';
import { Observable } from ''rxjs/Observable'';
import { Page } from ''./page'';
import ''rxjs/add/operator/map'';
import ''rxjs/add/operator/catch'';
import { Jsonp } from ''@angular/http'';

@Injectable()
export class ProductService {

    private urlPage = ''http://api.zanox.com/json/2011-03-01/products?q=iphone&connectid=XXXXXXXXXXXX&programs=12011&callback=JSONP_CALLBACK'';

    constructor(private _jsonp: Jsonp) { }

    getPage(): Observable<Page> {
        return this._jsonp.get(this.urlPage).map(this.extractData).catch(this.handleError);
    }

    private extractData(res: Response) {
        let body = res.json();
        return body || {};
    }

    private handleError(error: any) {
        let errMsg = (error.message) ? error.message :
            error.status ? `${error.status} - ${error.statusText}` : ''Server error'';
        console.error(errMsg);
        return Observable.throw(errMsg);
    }

}

Y obtengo este error:

Unbeught ReferenceError: __ng_jsonp____req0_finished no está definido en los productos? Q = iphone & connectid = XXXXXXXXXX & programs = 12011 & callback = __ ng_jsonp ____ req0_finished: 1

(anónimo) @ products? q = iphone & connectid = XXXXXXXXXXXX & programs = 12011 & callback = __ ng_jsonp ____ req0_ finished: 1 common.js: 143

Unkeught TypeError: no se puede leer la propiedad ''apply'' de null en globalOnerror (common.js: 143)

globalOnerror @ common.js: 143

productService.ts: 29 200 - Ok

¿Cómo resolver eso?

Answer 1

Resolví este error desde la versión 2.3.1 de Angular. El error ocurre en la versión 2.4.X.

"@angular/common": "~2.3.1",
"@angular/compiler": "~2.3.1",
"@angular/core": "~2.3.1",
"@angular/forms": "~2.3.1",
"@angular/http": "~2.3.1",
"@angular/platform-browser": "~2.3.1",
"@angular/platform-browser-dynamic": "~2.3.1",
"@angular/router": "~3.3.1",

Answer 2

Aquí está mi solución:

set a variable:times
export class WikipediaService {
  constructor(private jsonp: Jsonp) {
    this.times=0;}
  search (term: string) {
    let wikiUrl = ''http://en.wikipedia.org/w/api.php'';
    let params = new URLSearchParams();
    params.set(''search'', term); // the user''s search value
    params.set(''action'', ''opensearch'');
    params.set(''format'', ''json'');
    params.set(''callback'', `__ng_jsonp__.__req${this.times}.finished`);
    this.times=this.times+1;
    // TODO: Add error handling
    return this.jsonp
           .get(wikiUrl, { search: params })
           .map(response => <string[]> response.json()[1]);
  }
}