ionic 5 路由错误：找不到任何路由答案

【问题标题】：ionic 5 routing error: Cannot find any routesionic 5 路由错误：找不到任何路由
【发布时间】：2021-02-16 20:58:18
【问题描述】：

新的 Ionic 5 项目。我正在尝试将页面添加到“标签”文件夹中，以便将标签栏保持在底部。我已通过 CLI 添加到页面。像往常一样将页面和路由添加两个 app-routing.module.ts 并且一切正常。我在 tab1.page.ts 上创建了一个按钮，可以导航到两个新页面。

tab1.page.ts上的一页基本功能是：

goToBooth(){
    console.log("clicked goToBooth");
    this.navCtrl.navigateForward('booth-product-list');
  }

这里是有问题的 app-routing.module.ts 路由：

{
        path: 'booth-product-list',
        loadChildren: () => import('../booth-product-list/booth-product-list.module').then( m => m.BoothProductListPageModule)
      },
      {
        path: 'booth-detail-list',
        loadChildren: () => import('../booth-detail-list/booth-detail-list.module').then( m => m.BoothDetailListPageModule)
      }

但新页面的底部没有标签栏，因为网址已更改。所以我将路由从 app-routing.module.ts 移动到 tabs-routing.module.ts。我在控制台中收到以下错误：

ERROR 错误：未捕获（在承诺中）：错误：无法匹配任何路由。 URL 段：'booth-product-list'

我确定我在寻找一些小东西，但我就是想不通。如果可以的话，请帮帮忙。

【问题讨论】：

你好@detourOfReason，如果你想用标签路由新页面，那么你必须提供导航路由，如 this.navCtrl.navigateForward('tabs/booth-product-list');
@AniruddhThakor 非常感谢！这解决了我的问题。如果您将此添加为答案，我会将其标记为已接受的答案。谢谢。
是的，很高兴为您提供帮助

标签： angular master-detail ionic5

【解决方案1】：

如果您想使用标签路由新页面，那么您必须提供导航路由，例如

this.navCtrl.navigateForward('tabs/booth-product-list');

【讨论】：