Ionic 4导航到选项卡

Question

我正在做一个Ionic 4项目，我已经生成了一个tabs项目。

我要做的是创建一个登录页面，这是默认页面。

用户成功登录后，我想导航至选项卡。

当我尝试执行此操作时，出现错误：

Error: Cannot match any routes. URL Segment: 'tabs'

这些是我的路线：

const routes: Routes = [
  { path: '', loadChildren: './login/login.module#LoginPageModule' },
  { path: 'Login', loadChildren: './login/login.module#LoginPageModule' },
  { path: 'tabs', loadChildren: './tabs/tabs.module#TabsPageModule' },
];

在我的登录页面中，我有一个按钮，如下所示：

<ion-button expand="block" [href]="'tabs'" color="light" fill="outline">Sign in</ion-button>

当我生成其他页面时，我可以使用相同的方式导航到该页面。

Answer 1

我面临着同样的问题。我在这里找到了解决方案。您需要向路由数组中添加其他路由。

const routes: Routes = [
  { path: '', loadChildren: './login/login.module#LoginPageModule' },
  { path: 'Login', loadChildren: './login/login.module#LoginPageModule' },
  { path: 'tabs', loadChildren: './tabs/tabs.module#TabsPageModule' },
  { path: '', loadChildren: './tabs/tabs.module#TabsPageModule' },
];