Angular 创建toast时showCloseButton出错

我正在学习Skillshare上的“Ionic 4 Firebase与Angular Build PWA、本机Android、iOS”教程。其中一个要求是创建一个toast，当用户注册应用程序时，它会显示一个close按钮

我已经按照示例进行了测试，但是“showCloseButton:true”在整个语句下面有一条红色的错误线

这是我的代码：

async presentToast(message) {
    const toast = await this.toastController.create({
      message,
      duration: 1500,
      showCloseButton: true,
      position: this.platform.is('desktop') ? 'top' : 'bottom'
    });
    toast.present();
  }

这是我收到的错误信息：

（属性）showCloseButton:布尔值 类型为“{message:any；duration:number；showCloseButton:boolean；position:“top”|“bottom”；}”的参数不能分配给类型为“ToastOptions”的参数

对象文字只能指定已知属性，而“ToastOptions”类型中不存在“showCloseButton”。ts（2345）

---

任何帮助都将不胜感激。

Ionic4没有Toast的close button属性。但您可以添加一个带有

“取消”

角色的按钮，如中所述

---

Ionic4没有Toast的close button属性。但您可以添加一个带有

“取消”

角色的按钮，如中所述

---

您使用的是什么版本的toastr？为什么这个问题同时被标记为angularJS和angularJS？无论如何，根据文档，属性应该命名为

closeButton

，而不是showCloseButton。如果我没有弄错的话，它应该是版本4。所有代码都是从Ionic文档中复制的，其中添加了showCloseButton和位置行。关于标签，我没有说明要使用哪些特定的标签。我试着使用closeButton，但它仍然给我同样的错误。你使用的是什么版本的toastr？为什么这个问题同时被标记为angularJS和angularJS？无论如何，根据文档，属性应该命名为

closeButton

，而不是showCloseButton。如果我没有弄错的话，它应该是版本4。所有代码都是从Ionic文档中复制的，其中添加了showCloseButton和位置行。关于标签，我没有说明要使用哪些特定的标签。我尝试使用closeButton，但它仍然给我同样的错误。

const toast = await this.toastController.create({
  header: 'Toast header',
  message: 'Click to Close',
  position: 'top',
  buttons: [
    {
      text: 'Done',
      role: 'cancel',
      handler: () => {
        console.log('Cancel clicked');
      }
    }
  ]
});
toast.present();