Angular 导致程序失败的角组件

我一直在开发Angular应用程序，并且一直在遵循/调整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文件中发现了问题。应该检查网页上的错误！：/

我在组件HTML文件中发现了问题。应该检查网页上的错误！：/

您是否收到任何错误消息？此外，当您移除组件时，它是否工作？仅使用component.ts文件有点难以判断，可能存在文件结构、标记或许多问题。是否收到任何错误消息？此外，当您移除组件时，它是否工作？仅使用component.ts文件有点难以判断，可能存在文件结构、标记或许多实际问题。