SweetAlert_1.默认值不是函数:Angular 5

我想在官方网站上找到斯威特 link ,所以我想在我的应用程序angular5中使用它。

我是这样安装的:

npm install sweetalert --save

我已将其导入到组件edit-client.component中,其中:

  import swal from 'sweetalert';

下面是我试图使用的editclient.component.ts文件:

import swal from 'sweetalert';

Component({
  selector: 'app-edit-clients',
  templateUrl: './edit-clients.component.html',
  styleUrls: ['./edit-clients.component.scss']
})
export class EditClientsComponent implements OnInit {

EditClient(){
    this.clientService.updateClient(this.client)
      .subscribe(data=>{
        console.log(data);

        swal('mise a jour effecture !');

        this.router.navigate([ '../../../list' ], { relativeTo: this.activatedRoute });
        },err=>{
        console.log(err);
        alert("Probleme");
      })
  }


}

但是在运行这个示例时,我看不到警报,而我却得到了一个错误:

RROR TypeError: sweetalert_1.default is not a function
    at SafeSubscriber.eval [as _next] (edit-clients.component.ts:39)
    at SafeSubscriber.__tryOrUnsub (Subscriber.js:240)
    at SafeSubscriber.next (Subscriber.js:187)
    at Subscriber._next (Subscriber.js:128)
    at Subscriber.next (Subscriber.js:92)

我做错什么了?