ionic 5 routing error: Cannot find any routes

Question

新的 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)
      }

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

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

我确定我看不起一些小东西，但我就是想不通。如果可以，请帮助nube。

Answer 1

如果你想用标签路由新页面，那么你必须像

一样提供导航路由

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

ionic 5 routing error: Cannot find any routes

ionic 5 routing error: Cannot find any routes

angular

master-detail

ionic5