角度のあるコンポーネントがプログラムを失敗させる

Question

私はAngularアプリケーションで作業していましたが、TOHの例を角度から調整していますが、この特定のコンポーネントが原因でプロジェクトが失敗しています。

私はこの失敗を引き起こす可能性のある何かを誰かが見ていますか？

import 'rxjs/add/operator/switchMap'; 
import { Component, OnInit } from '@angular/core'; 
import { ActivatedRoute, ParamMap } from '@angular/router'; 
import { Location } from '@angular/common'; 

import { Purchase } from './purchase'; 
import { PurchaseService } from './purchases.service'; 

@Component({ 
    selector: 'purchaseDetails', 
    templateUrl: './purchase-detail.component.html' 
}) 
export class PurchaseDetailComponent implements OnInit { 
    purchase: Purchase; 

    constructor(
    private purchaseService: PurchaseService, 
    private route: ActivatedRoute, 
    private location: Location 
) {} 

    ngOnInit(): void { 
    this.route.paramMap 
     .switchMap((params: ParamMap) => this.purchaseService.getPurchase(+params.get('id'))) 
     .subscribe(purchase => this.purchase = purchase); 
    } 
} 

アプリケーションは、私はコンポーネントのHTMLファイル内の問題を発見した私の「ロード...」テキスト

Answer 1

とインデックスページでハングアップします。ウェブページのエラーをチェックしてください。 ：/