Angular2 for typescript rc5 - utworzenie obiektu z pliku JSON

Cześć!

Przerabiam tutoriale ze strony angular.io i natknąłem się na pewien problem w tym ćwiczeniu
https://angular.io/docs/ts/latest/guide/server-communication.html
na samym dole jest link do plunkera

Otóż chciałbym w ramach ćwiczenia w pliku app/hero-data.ts zrobić taki myk, żeby tworzyło zmienną heroes z pliku zawartego /app/heroes.json, a nie tak jak to jest w projekcie zahardkodowane. Głowiłem się nad tym cały dzień i nic pożytecznego nie wymyśliłem. Mam nadzieję, że uda mi się ruszyć z Waszą pomocą!

PLIK /app/hero-data.ts

export class HeroData {
  createDb() {
    let heroes = [
      { id: '1', name: 'Windstorm' },
      { id: '2', name: 'Bombasto' },
      { id: '3', name: 'Magneta' },
      { id: '4', name: 'Tornado' }
    ];
    return {heroes};
  }
}

PLIK app/heroes.json

{
  "data": [
    { "id": "1", "name": "Windstorm" },
    { "id": "2", "name": "Bombasto" },
    { "id": "3", "name": "Magneta" },
    { "id": "4", "name": "Tornado" }
  ]
}

Znalazłem na necie jakiś prosty tutorial
http://www.bennadel.com/blog/2908-you-can-use-require-to-load-json-javascript-object-notation-files-in-node-js.htm

Zastosowałem się do rad tego gościa. W pliku hero-data.ts dodałem 4 linijki

import { InMemoryDbService } from 'angular2-in-memory-web-api';


export class HeroData implements InMemoryDbService {
  createDb() {
    let heroes = [
      { id: '1', name: 'Windstorm' },
      { id: '2', name: 'Bombasto' },
      { id: '3', name: 'Magneta' },
      { id: '4', name: 'Tornado' }
    ];
    console.log("Hardcode");
    console.log(heroes);
    console.log("File");
    console.log( require("./heroes") );
    return {heroes};
  }
}

i po odpaleniu pojawia mi się taki error
Przechwytywanie.PNG