Angular Held Tutorial - Routing - Dezember 2017 - Fehler Kompilieren

Question

Ich kann meinen Code nicht kompilieren, die ich mehrmals mit der endgültigen Code-Review verglichen haben, kopieren & Paste ...

https://angular.io/tutorial/toh-pt5

aber ich bekomme immer noch den Fehler

$ ERROR in C:/Users/pablues/Documents/angular-tutorial/a-t-h/src/app/heroes/heroes.component.ts (21,22): Property 'getHeroes' does not exist on type 'HeroService'. ERROR in C:/Users/pablues/Documents/angular-tutorial/a-t-h/src/app/dashboard/dashboard.component.ts (20,22): Property 'getHeroes' does not exist on type 'HeroService'.

https://github.com/pablues/tour-of-heroes/blob/master/src/app/heroes/heroes.component.ts

https://github.com/pablues/tour-of-heroes/blob/master/src/app/dashboard/dashboard.component.ts

https://github.com/pablues/tour-of-heroes/blob/master/src/app/hero.service.ts

ich es nicht herausfinden kann, wo das Problem jetzt ist.

Thx im Voraus

Answer 1

Ich kann nicht einen Fehler in HeroComponent oder DashboardComponent sehen, aber es gibt ein Problem in HeroDetailComponent.

Im Folgenden finden Sie Ihr HeroService

@Injectable() 
export class HeroService { 

    constructor(private messageService: MessageService) { } 

    getHeroes(): Observable<Hero[]> { 
    // Todo: send the message _after_ fetching the heroes 
    this.messageService.add('HeroService: fetched heroes'); 
    return of(HEROES); 
    } 
} 

Und unten ist Ihr HeroDetailComponent

@Component({ 
    selector: 'app-hero-detail', 
    templateUrl: './hero-detail.component.html', 
    styleUrls: [ './hero-detail.component.css' ] 
}) 
export class HeroDetailComponent implements OnInit { 
    @Input() hero: Hero; 

    constructor(
    private route: ActivatedRoute, 
    private heroService: HeroService, 
    private location: Location 
) {} 

    ngOnInit(): void { 
    this.getHero(); 
    } 

    getHero(): void { 
    const id = +this.route.snapshot.paramMap.get('id'); 
    this.heroService.getHero(id) 
     .subscribe(hero => this.hero = hero); 
    } 

    goBack(): void { 
    this.location.back(); 
    } 
} 

Oben, getHero (id) ist in Ihrem HeroService fehlt.

this.heroService.getHero(id).subscribe(hero => this.hero = hero);