未捕获（承诺）：错误：无法匹配任何路由。 URL 段：'tabs/tab1'答案

【问题标题】：Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'tabs/tab1'未捕获（承诺）：错误：无法匹配任何路由。 URL 段：'tabs/tab1'
【发布时间】：2020-12-07 13:04:00
【问题描述】：

我创建了一个离子标签应用，我需要更改主页。
我用这个改变了app-routing.module.ts 文件：

const routes: Routes = [
  {
    path: '',
    redirectTo: '/start-page', pathMatch: 'full'
    //loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
  },
  {
    path: 'home',
    loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
  },
  {
    path: 'start-page',
    loadChildren: () => import('./start-page/start-page.module').then( m => m.StartPagePageModule)
  }
];

它有效。 start-page 首先被调用。

在起始页页面中，我只想重定向到标签页。所以我在start-page.page.ts 文件中做了这样的事情：

ngOnInit() {
    this.router.navigate(['home']);
}

但我收到此错误：

ERROR 错误：未捕获（在承诺中）：错误：无法匹配任何路由。 URL 段：'tabs/tab1'

附：我根本没有更改标签页。它是为我启动该项目而创建的一个离子。
如果我取消loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule) 行（并删除重定向），则应用程序从标签页开始，没有错误。

【问题讨论】：

标签： ionic-framework angular8 angular-routing

【解决方案1】：

你能不能试着把空选择器放在底部

const routes: Routes = [
 
  {
    path: 'home',
    loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
  },
  {
    path: 'start-page',
    loadChildren: () => import('./start-page/start-page.module').then( m => m.StartPagePageModule)
  },
 {
    path: '',
    redirectTo: '/start-page', pathMatch: 'full'
    //loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
  }
];

因为它是一个标签应用程序，所以下面的代码必须存在于 app.routing.ts

{
    path: 'tabs',
    loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
  }

【讨论】：

【解决方案2】：

当模块文件中不存在以下行时会出现此问题：

  imports: [
     RouterModule.forChild(routes)
  ],
  exports: [RouterModule]

【讨论】：