错误错误：未捕获（承诺）：无效链接：SosPopPage答案

【问题标题】：ERROR Error: Uncaught (in promise): invalid link: SosPopPage错误错误：未捕获（承诺）：无效链接：SosPopPage
【发布时间】：2018-03-07 06:42:29
【问题描述】：

我正在编写一个 SOS 页面，当我单击我希望它显示像这样的弹出页面的按钮时。然后用户可以选择电话号码。

sos.html 页面

<button ion-button color="light" (click)="openSosPop()">Call</button>

sos.ts 页面

openSosPop() {
  this.openModal('SosPopPage');
  // let contactModal = this.modalCtrl.create(SosPopPage);
  // contactModal.present();
}

openModal(pageName) {
  this.modalCtrl.create(pageName, null, { cssClass: 'inset-modal' })
    .present();
}

sos.css 页面

ion-modal.inset-modal {
  // transparent black background overlay
  background-color: rgba(0, 0, 0, .5) !important;
  transition: opacity .25s ease-in-out;
  padding: 20vh 10vw;
}

【问题讨论】：

SosPopPage 好像设置不正确.. 你能说一下你是在哪个模块中设置的并添加页面代码吗？
@SurajRao 我在 app->app.module.ts 文件中导入 SosPopPage。
@SurajRao 我跟着其他项目做了这个，我没有使用延迟加载，但该项目使用延迟加载..是这个问题吗？

标签： javascript ionic-framework ionic3

【解决方案1】：

我没有使用延迟加载

如果您没有使用延迟加载，则它不是IonicPage。添加 IonicPage 装饰器允许您使用字符串名称来处理页面。

这将使用与类相同的名称自动创建指向 MyPage 组件的链接，名称为：'MyPage'。现在可以使用此名称导航到该页面。

由于您不是延迟加载，因此您不能使用字符串来导航或创建模式和弹出窗口。您必须使用实际的页面/组件。

导入页面。

import <path_to_page>;

  this.openModal(SosPopPage);//create the modal.

【讨论】：