“AlertController没有提供程序！”npm离子角

Question

以下代码适用于ionic应用程序中的自定义闪屏组件，我已在其中请求服务器获取令牌和身份！使用“ionic角”：“^3.9.2”

import {Component, OnInit} from '@angular/core';
import {BackendService} from "../../services/backend.service";
import {SessionService} from "../../services/session.service";
import {AlertController} from "ionic-angular";

@Component({
    selector: 'app-splash-screen',
    templateUrl: './splash-screen.component.html',
    styleUrls: ['./splash-screen.component.scss']
})

export class SplashScreenComponent implements OnInit {

constructor(private backendService: BackendService,
            private sessionService: SessionService, private alertCtrl: AlertController) {

}

ngOnInit() {

    if (this.sessionService.getBearerToken()) {
        this.requestForIdentity();
    } else {
        this.backendService.Token().subscribe((response: any) => {
            this.sessionService.addAccessToken(response.access_token);
            this.sessionService.addRefreshToken(response.refresh_token);
            this.requestForIdentity();
        }, error => {
            console.log(error)
        })
    }
}

requestForIdentity() {
    this.backendService.GetIdentity().subscribe((response: any) => {
        console.log(response);
        this.showAlert();
    }, error => {
        console.log(error);
    })
}

showAlert() {
    const alert = this.alertCtrl.create({
        title: 'New Friend!',
        subTitle: 'Your friend, Obi wan Kenobi, just accepted your friend request!',
        buttons: ['OK']
    });
    alert.present();
}

}

现在，当收到身份响应时，想显示一个简单的警报！但根据API文档，我在SplashScreenComponent中注入了AlertController，在构建时，出现了以下错误！无法在internet上找到任何搜索解决方案。

AlertController错误！AlertController没有提供程序

SplashScreen组件位于SplashScreen模块内部，该模块是一个延迟加载的模块。

Answer 1

确保已导入IonicModule

 imports:      [ IonicModule.forRoot(),BrowserModule, FormsModule ],

工作演示

https://stackblitz.com/edit/ionic-error?file=src/app/app.component.ts

Answer 2

根据我的要求，我使用的是‘爱奥尼亚角’的AlertController，@NinjaJami的回答帮助我更具体地挖掘了这个问题！

停止使用“ionic angular”并替换，

import {AlertController} from "ionic-angular";

具有

import {AlertController} from "@ionic/angular";

并且，取代了，

showAlert() {
    const alert = this.alertCtrl.create({
        title: 'New Friend!',
        subTitle: 'Your friend, Obi wan Kenobi, just accepted your friend request!',
        buttons: ['OK']
    });
    alert.present();
}

使用：

showAlert() {
    const alert: any = this.alertCtrl.create({
        title: 'New Friend!',
        subTitle: 'Your friend, Obi wan Kenobi, just accepted your friend request!',
        buttons: ['OK']
    });

    alert.then((_alert: any)=> {
        _alert.present();
    })
}

说明：this.alertCtrl.create（）返回一个Promise，因此不能直接调用alert.present（），因此，使用alert.then（）能够调用现在（）函数。

特别感谢@NinjaJami