AlertController 在 Ionic 4 中不起作用。沒有顯示警報，沒有任何錯誤

Question

我試圖在我的 Ionic 4 應用程序中使用 AlertController，但沒有工作（沒有顯示警報）。 這個想法是放置一個警報（在登錄頁面的登錄按鈕上彈出）但我無法讓它工作，console.log 顯示，但警報沒有出現

login.module.ts ：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';

import { LoginPage } from './login.page';
import { RecaptchaModule } from "ng-recaptcha";
import { AlertController } from '@ionic/angular';

const routes: Routes = [
  {
    path: '',
    component: LoginPage
  }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes),
    RecaptchaModule,
  ],
  declarations: [LoginPage],
  providers: [AlertController]
})
export class LoginPageModule {}

login.page.ts ：

import { Component, OnInit, NgZone  } from '@angular/core';
import { ToastController, AlertController } from '@ionic/angular';
import { PostProvider } from '../../providers/post-provider';
import { Router } from '@angular/router';
import { Storage } from '@ionic/Storage';
import { Events } from '@ionic/angular';


@Component({
  selector: 'app-login',
  templateUrl: './login.page.html',
  styleUrls: ['./login.page.scss'],
})
export class LoginPage implements OnInit {

async botonPresionado(){
    console.log("estamos presionando el botón");
    const ventana = await  this.alertCtrl.create({  
      header: 'Lowbattery',
      message: 'Do you want to buy this book?',
      buttons: [
        {
          text: 'Aceptar',
        }
      ]
    });
    ventana.present();
  }
}

login.page.html ：

<ion-button expand="full" color="tertiary" (click)="botonPresionado()">POP UP</ion-button>

編輯：我試圖創建一個新項目，並從警報中復制確切的代碼，它工作正常。 我查看了版本，並在新項目中安裝了 ionic 5。AlertController 是否可以與 Ionic 5 一起使用，但不能與 Ionic 4 一起使用？

Answer 1

ion-alert它正在ionic 4上工作，並且它正在工作，您可能需要像這樣：

async presentAlert() {
  const alert = await this.alertController.create({
    header: 'Alert',
    subHeader: 'Subtitle',
    message: 'This is an alert message.',
    buttons: ['OK'],
  });

  await alert.present();
  let result = await alert.onDidDismiss();
  console.log(result);
}

您可以從這里瀏覽有關如何在ionic 4實現ion-alert文檔