当我从 app.components.ts 调用 Toast 消息时，它没有显示

Question

当应用程序在前台接收 FCM 推送通知但未显示 toast 消息时，我尝试显示 toast 消息，我放置了 alert(data.message) 并且警报显示没有问题但 toast 消息没有。顺便说一句，toast 消息在应用程序的其他页面中运行良好，但在 app.components.ts 中却没有

initializeApp() {
  this.platform.ready().then(() => {

     this.fcm.onNotification().subscribe(data => {
       console.log(data);
       if (data.wasTapped) 
       {
        ....
        ...
       } else {
         alert(data.message);

         this.presentToast(data.message);
       }
      });      

      // refresh the FCM token
      this.fcm.onTokenRefresh().subscribe(async token => {
       console.log(token);
      ....
      ...
      });

    });
 }

 async presentToast(msg) {
   const toast = await this.toast.create({
      message: msg,
      duration: 3000,
      position: 'top'
   });
   await toast.present();
 }

Answer 1

async 函数返回 Promise 并且应该向调用函数返回一些内容

...
this.presentToast(data.message);
...

没有

所以你有两个选择：

1. 像这样修改presentToast函数：

     presentToast(msg) {
      const toast = this.toast.create({
      message: msg,
      duration: 3000,
      position: 'top'
   });
    toast.present();
   

   }

2. 使用返回的promise并在调用函数中呈现toast函数

    ...
    initializeApp() {
    ...
       this.presentToast(data.message).then(data => 
           console.log('toast displayed')).catch(error => 
           console.log(error));
    ...
    
    async presentToast(msg) {
     this.toast.create({
    message: msg,
    duration: 3000,
     position: 'top'
    });
     return await toast.present();
    }
    

Answer 2

删除 'await' 并调用 toast.present()。