I can't figure out why I'm receiving this specific error in the Plunker below.
Cannot set property stack of [object Object] which has only a getter
Access the Plunker here: https://plnkr.co/edit/IP1ssat2Gpu1Cra495u2?p=preview
The code causing the issue is shown below:
//our root app component
import {Component, NgModule, OnInit, Injectable} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import { HttpModule, Http } from '@angular/http';
import 'rxjs/add/operator/toPromise';
class MyModel {
public name: string;
public value: string;
}
@Injectable()
export class MyService {
constructor(public http: Http) {
}
getData (request: MyModel):Promise<MyModel>{
return this.http.get('https://run.plnkr.co/j2Cw0yaD5Dn7ENaR/mymodel.json')
.toPromise()
.then(response => {
return response as MyModel;
});
}
}
@Component({
selector: 'my-app',
template: `
<div>
<h2>Hello {{name}}</h2>
</div>
`,
})
export class App implements AfterViewInit {
name:string;
constructor(myService : MyService) {
this.name = 'Angular2'
}
ngAfterViewInit(){
let myModelObj : MyModel = new MyModel();
console.log(this.myService);
this.myService.getData(myModelObj)
.then(response => {
console.log('GET Request success')
console.log(response);
});
}
}
@NgModule({
imports: [ BrowserModule, HttpModule ],
declarations: [ App ],
providers : [MyService],
bootstrap: [ App ]
})
export class AppModule {}
Update
I have identified that the error lies within this section:
this.myService.getData(myModelObj)
.then(response => {
console.log('GET Request success')
console.log(response);
});
If I comment out these four lines, everything works fine. Can someone provide assistance on this matter?