Chrome에서 "Can not GET /"을 각도 4로 표시합니다 - Observable

Question

관찰 가능한 데이터를 서비스에 추가하려고했습니다. 그 응용 프로그램이 완벽하게 작동 할 때까지.

getHeroes(): void { 
    this.heroService.getHeroes().subscribe(heroes => this.heroes = heroes); 
    } 

Answer 1

은 내가 가져가 라이브러리의 위치를 ​​변경 :

import { Injectable } from '@angular/core'; 
import { Hero } from './hero'; 
import { HEROES } from './mock-heroes'; 
import { Observable } from 'rxjs/observable'; 
import { of } from 'rxjs/Observable/of'; 
import { MessageService } from './message.service'; 

@Injectable() 
export class HeroServiceService { 

    getHeroes(): Observable<Hero[]> { 
    this.messageService.add("Hero Service:fetched heroes"); 
    return of(HEROES); 
    } 

    constructor(public messageService: MessageService) { } 

} 

내가 서비스를 호출하는 방법을 다음과 같이

내 서비스입니다. 우리는 @ angular/core 바로 뒤에 가져와야한다고 생각합니다.

import { Injectable } from '@angular/core'; 
import { Observable } from 'rxjs/Observable'; 
import { of } from 'rxjs/observable/of'; 

import { Hero } from './hero'; 
import { HEROES } from './mock-heroes'; 
import { MessageService } from './message.service'; 
import 'rxjs/add/observable/of'; 

@Injectable() 
export class HeroServiceService { 

    getHeroes(): Observable<Hero[]> { 
    this.messageService.add("Hero Service:fetched heroes"); 
    return of(HEROES); 
    } 

    constructor(public messageService: MessageService) { } 

}