1

私のapp-routing.module.ts :

  {
    path: 'conversation-tabs',
    children: [
      {
        path: 'conv-conversation',
        children: [
          {
            path: '',
            loadChildren:
              '/conv-conversation.module#ConvConversationPageModule',
          }
        ]
      },
      {
        path: 'conversation-files',
        children: [
          {
            path: '',
            loadChildren:
              '/conversation-files.module#ConversationFilesPageModule',
          }
        ]
      },
      {
        path: '',
        redirectTo: '/conversation-tabs/conv-conversation',
        pathMatch: 'full'
      }
    ]
  }

conv-conversation.html のHTML :

<ion-toolbar>
  <ion-tabs>
      <ion-tab-bar slot="bottom" color="light">
          <ion-tab-button tab="conv-conversation">
              <ion-icon name="text"></ion-icon>
              <ion-label>Messages</ion-label>
              <ion-badge>{{ unreadMsgs }}</ion-badge>
          </ion-tab-button>

          <ion-tab-button tab="conversation-files">
              <ion-icon name="folder"></ion-icon>
              <ion-label>Files</ion-label>
          </ion-tab-button>
      </ion-tab-bar>
  </ion-tabs>

これが私のプロセスの仕組みです：

Login -> Home -> Pick Conversation (contains button to go to conversation-tabs)

conversation-tabsconv-conversationタブの「ホーム」として機能するリダイレクト先。の一番下に、conv-conversation.html上記の HTML コードがあります。ボタンをクリックするとconversation-files、次のエラーが表示されます。

エラー エラー: キャッチされていません (約束されています): エラー: どのルートとも一致しません。URL セグメント: 'conversation-tabs/conv-conversation/conversation-files' エラー: どのルートとも一致しません。URL セグメント: 「conversation-tabs/conv-conversation/conversation-files」

ルーティングが設定されているため、何が問題なのかよくわかりません。何か不足していますか？

4

1 に答える 1