錯誤錯誤：未捕獲（承諾）：無效鏈接：SosPopPage

Question

我正在編碼一個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;
}

Answer 1

我沒有使用延遲加載

如果您沒有使用延遲加載 ，則它不是IonicPage 。 添加IonicPage裝飾器使您可以使用字符串名稱來處理頁面。

這將使用與該類相同的名稱自動創建指向MyPage組件的鏈接，名稱為“ MyPage”。 現在可以使用該名稱導航到該頁面。

由於您不是延遲加載，因此不能使用字符串導航或創建模式和彈出窗口。 您必須使用實際的頁面/組件。

導入頁面。

import <path_to_page>;

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