Angular CanDeactivate防护不能与甜蜜警报JS一起工作

import { Injectable } from '@angular/core';
import { CanDeactivate } from '@angular/router';
import { Observable } from 'rxjs';
import Swal from 'sweetalert2';

@Injectable()
export class ConfirmDeactivateGuard implements CanDeactivate<any> {
  canDeactivate(component: any): Observable<boolean> | Promise<boolean> | boolean {
    return Swal.fire({
      title: 'Are you sure?',
      text: 'You have unsaved changes!',
      icon: 'warning',
      showCancelButton: true,
      confirmButtonText: 'Yes, leave!',
      cancelButtonText: 'No, stay'
    }).then((result) => {
      return result.isConfirmed;
    });
  }
}

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home.component';
import { ConfirmDeactivateGuard } from './confirm-deactivate.guard';

const routes: Routes = [
  {
    path: 'home',
    component: HomeComponent,
    canDeactivate: [ConfirmDeactivateGuard]
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }