Angular ';标题';和';按钮';在类型'中不存在;ToastOptions';在4.1.1中,与文件相反
我正在使用Angular+Ionic开发一个渐进式移动应用程序。 我想添加几个用户可以交互的祝酒词,所以我首先复制了ionic在中提供的示例,而他们简单的“仅限消息”祝酒词的示例,Angular ';标题';和';按钮';在类型'中不存在;ToastOptions';在4.1.1中,与文件相反,angular,ionic-framework,ionic4,Angular,Ionic Framework,Ionic4,我正在使用Angular+Ionic开发一个渐进式移动应用程序。 我想添加几个用户可以交互的祝酒词,所以我首先复制了ionic在中提供的示例,而他们简单的“仅限消息”祝酒词的示例,presentToast,对我来说效果很好,我无法复制他们的第二个示例,presentToast with options,不会出现错误,说明他们正在使用不存在的选项 示例如下所示 import { Component } from '@angular/core'; import { ToastController }
presentToast
,对我来说效果很好,我无法复制他们的第二个示例,presentToast with options
,不会出现错误,说明他们正在使用不存在的选项
示例如下所示
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();
}
}
我得到的错误是
Object literal只能指定已知属性,并且类型“ToAstoOptions”中不存在“header”
及
对象文字只能指定已知属性,而类型“ToAstoOptions”中不存在“buttons”
如果我忽略这些错误,代码仍然会运行,但是我没有按钮(出于我的目的,我并不真正关心标题)。我只能通过showCloseButton
属性获得一个按钮,但我想让我的按钮做一些事情,而不是关闭土司:/
以防万一,以下是关于我正在使用的爱奥尼亚版本的信息:
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
所以问题非常简单,我刚刚用
npm update@ionic/angular
:)将@ionic/angular从版本4.1.1更新到版本4.11.10:)试试这个工作示例,=>@lussac这很奇怪,它在您提供的示例上工作,但是如果我复制粘贴到我的应用程序中,我会再次出现相同的错误。。。我想这和我的@ionic/angular模块有关吧?