<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[ x ] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[ x ] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong></p>

<p dir="auto">Response from jsonp requests is:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Uncaught ReferenceError: __ng_jsonp____req0_finished is not defined
    at VM4511 recent?access_token=12345…&amp;callback=__ng_jsonp__…:1
(anonymous) @ VM4511 recent?access_token=12345…&amp;callback=__ng_jsonp__…:1"><pre class="notranslate"><code class="notranslate">Uncaught ReferenceError: __ng_jsonp____req0_finished is not defined
    at VM4511 recent?access_token=12345…&amp;callback=__ng_jsonp__…:1
(anonymous) @ VM4511 recent?access_token=12345…&amp;callback=__ng_jsonp__…:1
</code></pre></div>
<p dir="auto">Followed JSONP tutorial in the HTTP Client - ts docs for angular 2. Heres my code:</p>
<p dir="auto">I have gotten a correct response and payload when using <code class="notranslate">callback="__ng_jsonp____req0.finished</code> so I know my url and auth is correct</p>
<p dir="auto">Service</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import { Injectable } from '@angular/core';
import { Jsonp } from '@angular/http';
import { Observable } from 'rxjs';
import 'rxjs/add/operator/map';

@Injectable()
export class LandingService {

    constructor(private jsonp: Jsonp, private http: Http) {}

    myFunction() {

        let request: string;
        let result: any;

        request = &quot;https://api.instagram.com/v1/users/self/media/recent?callback=JSONP_CALLBACK&quot;;
        result = this.jsonp.get(request).map(response =&gt; response.json());
        return result;
    }

}"><pre class="notranslate"><code class="notranslate">import { Injectable } from '@angular/core';
import { Jsonp } from '@angular/http';
import { Observable } from 'rxjs';
import 'rxjs/add/operator/map';

@Injectable()
export class LandingService {

    constructor(private jsonp: Jsonp, private http: Http) {}

    myFunction() {

        let request: string;
        let result: any;

        request = "https://api.instagram.com/v1/users/self/media/recent?callback=JSONP_CALLBACK";
        result = this.jsonp.get(request).map(response =&gt; response.json());
        return result;
    }

}
</code></pre></div>
<p dir="auto">Component</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import { Component } from '@angular/core';
import { LandingService } from '../../services/landing.service';

@Component({
  selector: 'app-landing',
  templateUrl: './landing.component.html',
  styleUrls: ['./landing.component.scss']
})
export class LandingComponent implements OnInit {

  constructor(private landing: LandingService) {

      this.landing.myFunction().subscribe(data =&gt; console.log(data));

  }
}"><pre class="notranslate"><code class="notranslate">import { Component } from '@angular/core';
import { LandingService } from '../../services/landing.service';

@Component({
  selector: 'app-landing',
  templateUrl: './landing.component.html',
  styleUrls: ['./landing.component.scss']
})
export class LandingComponent implements OnInit {

  constructor(private landing: LandingService) {

      this.landing.myFunction().subscribe(data =&gt; console.log(data));

  }
}
</code></pre></div>
<p dir="auto">Module</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule, JsonpModule } from '@angular/http';
import { AppRoutingModule } from './app-routing.module';
import { LandingService } from './services/landing.service';

import { AppComponent } from './app.component';
import { LandingComponent } from './components/landing/landing.component';

@NgModule({
  declarations: [
    AppComponent,
    LandingComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    JsonpModule,
    AppRoutingModule
  ],
  providers: [ LandingService ],
  bootstrap: [AppComponent]
})
export class AppModule { }"><pre class="notranslate"><code class="notranslate">import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule, JsonpModule } from '@angular/http';
import { AppRoutingModule } from './app-routing.module';
import { LandingService } from './services/landing.service';

import { AppComponent } from './app.component';
import { LandingComponent } from './components/landing/landing.component';

@NgModule({
  declarations: [
    AppComponent,
    LandingComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    JsonpModule,
    AppRoutingModule
  ],
  providers: [ LandingService ],
  bootstrap: [AppComponent]
})
export class AppModule { }
</code></pre></div>
<p dir="auto">Angular version:<br>
2.4.7</p>
<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong></p>

<p dir="auto">hello, after upgrade to 2.4.6, I get <code class="notranslate">Uncaught ReferenceError: __ng_jsonp____req0_finished is not defined</code> as <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="193306442" data-permission-text="Title is private" data-url="https://github.com/angular/angular/issues/13219" data-hovercard-type="pull_request" data-hovercard-url="/angular/angular/pull/13219/hovercard?comment_id=90797936&amp;comment_type=review_comment" href="https://github.com/angular/angular/pull/13219#discussion_r90797936">#13219 (comment)</a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/6927481/22582776/cda6014e-ea23-11e6-87dc-2b945667eefe.png"><img src="https://cloud.githubusercontent.com/assets/6927481/22582776/cda6014e-ea23-11e6-87dc-2b945667eefe.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>Plunkr</strong><br>
<a href="http://plnkr.co/edit/WcRnPrJHa04rJy3xTIky?p=preview" rel="nofollow">http://plnkr.co/edit/WcRnPrJHa04rJy3xTIky?p=preview</a></p>
<p dir="auto">And my code is</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="search(key: string) {
  const params = new URLSearchParams()
  params.set('key', key)
  params.set('jsonpCallback', 'JSONP_CALLBACK')
  return this.jsonp.get('https://c.y.qq.com/splcloud/fcgi-bin/smartbox_new.fcg?' + params)
  .toPromise()
  .then(res =&gt; {
    console.log(res)
    return []
  })
}"><pre class="notranslate"><code class="notranslate">search(key: string) {
  const params = new URLSearchParams()
  params.set('key', key)
  params.set('jsonpCallback', 'JSONP_CALLBACK')
  return this.jsonp.get('https://c.y.qq.com/splcloud/fcgi-bin/smartbox_new.fcg?' + params)
  .toPromise()
  .then(res =&gt; {
    console.log(res)
    return []
  })
}
</code></pre></div>