将json数据呈现为Angular2

我想将.json中的一些数据呈现到Angular2项目的组件视图中，但会立即出错

发布.service.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class ReleasesService {

    constructor(private http: Http){ }

    fetchData(){
        return this.http.get('app/releases.json').map(
            (res) => res.json());
    }
}

import { Component, OnInit } from '@angular/core';
import { ReleasesService } from './releases.service';

@Component({
    moduleId: module.id,
    selector: 'releases-list',
    templateUrl: 'releases-list.component.html',
    providers: [ReleasesService]

})

export class ReleasesListComponent implements OnInit { 

    constructor (private releasesService: ReleasesService) {}

    ngOnInit(){
        this.releasesService.fetchData().subscribe(
            (data) => console.log(data)
        );
    }
}

发布列表.component.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class ReleasesService {

    constructor(private http: Http){ }

    fetchData(){
        return this.http.get('app/releases.json').map(
            (res) => res.json());
    }
}

import { Component, OnInit } from '@angular/core';
import { ReleasesService } from './releases.service';

@Component({
    moduleId: module.id,
    selector: 'releases-list',
    templateUrl: 'releases-list.component.html',
    providers: [ReleasesService]

})

export class ReleasesListComponent implements OnInit { 

    constructor (private releasesService: ReleasesService) {}

    ngOnInit(){
        this.releasesService.fetchData().subscribe(
            (data) => console.log(data)
        );
    }
}

releases.component.html

<div class="releases-list-component">

    <div>
        <ul>
            <li *ngFor="let release of releases">{{releases.name}}</li>
        </ul>
    </div>

 </div>

到

或

或

但尼克斯帮了忙

控制台错误：

文件夹树：

-Project folder:
--app //app root
--releases //folder with service and component, etc
--releases.json //file in the app root
- index.html

---

你的文件夹结构是什么样的？@echonax更新了我的问题。服务/组件文件夹和单独的json文件都在我的应用程序的根目录中。你的index.html在哪里？再次更新，index.html在项目文件夹中-在应用程序文件夹之外检查：它应该可以工作

('/releases.json')

-Project folder:
--app //app root
--releases //folder with service and component, etc
--releases.json //file in the app root
- index.html