Having troubles with Ionic getting data from a JSON File via HTTP, I dont know what is the problem the error is quite strange.

[![error message in chrome devtool](https://i.stack.imgur.com/L2nVo.png)](https://i.stack.imgur.com/L2nVo.png)

here are the codes :

`src/pages/subhome/line/line.ts` (The Subhome contains a few folders of pages)

```js
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
/**
 * Generated class for the LinePage page.
 *
 * See http://ionicframework.com/docs/components/#navigation for more info
 * on Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-line',
  templateUrl: 'line.html',
})
export class LinePage {

  commands: any[] = []

  constructor(public navCtrl: NavController, public navParams: NavParams, private http: Http) {
    this.http.get('line.json').map(res => res.json()).subscribe((data) => {
      this.commands = data.json();
      console.log(this.commands);
    })
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad LinePage');
  }

}
```

and here is the JSON file :

`src/pages/subhome/line/line.json`

```js
{
 "commands": [{
   "title": "a",
   "desc": "b"
  },
  {
   "title": "a",
   "desc": "b"
  },
  {
   "title": "a",
   "desc": "b"
  },
  {
   "title": "a",
   "desc": "b"
  }
 ]
}
```

**What I'm trying to do is "logging" the JSON commands to the console**
Thanks in advance!