与文档相反，'header' 和 'buttons' 在 Ionic 4.1.1 中的类型 'ToastOptions' 中不存在

Question

我正在使用Angular+Ionic开发一个渐进式移动应用程序。我想添加一些用户可以交互的祝酒词，所以我开始在他们的文档中复制ionic提供的示例。而他们的简单"；仅消息"；toast，presentToast，对我来说很好，我无法复制他们的第二个例子presentToastWithOptions，而不出现错误，说他们使用了不存在的选项。

示例如下

import { Component } from '@angular/core';
import { ToastController } from '@ionic/angular';
@Component({
selector: 'toast-example',
templateUrl: 'toast-example.html',
styleUrls: ['./toast-example.css'],
})
export class ToastExample {
async presentToastWithOptions() {
const toast = await this.toastController.create({
header: 'Toast header',
message: 'Click to Close',
position: 'top',
buttons: [
{
side: 'start',
icon: 'star',
text: 'Favorite',
handler: () => {
console.log('Favorite clicked');
}
}, {
text: 'Done',
role: 'cancel',
handler: () => {
console.log('Cancel clicked');
}
}
]
});
toast.present();
}
}

我得到的错误是

对象文字只能指定已知属性，并且类型"ToastOptions"中不存在"header">

和

对象文字只能指定已知属性，并且"buttons"在类型"ToastOptions"中不存在

如果我忽略这些错误，代码仍然会运行，但我没有按钮(出于我的目的，我并不真正关心标题(。我只能通过showCloseButton属性显示一个按钮，但我想让我的按钮做一些事情，而不是关闭toast：/

以防万一，以下是我正在使用的离子版本的信息：

Ionic:
Ionic CLI                     : 5.4.16
Ionic Framework               : @ionic/angular 4.1.1
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics    : 7.2.4
@angular/cli                  : 7.3.10
@ionic/angular-toolkit        : 1.5.1

Answer 1

所以问题非常简单，我刚刚使用npm update @ionic/angular将@ion/angular从4.1.1版本更新到4.11.10版本：(