Question

我具有以下结构：

AppModule-主应用程序模块
TabsModule-我的应用程序标签模块
HomePageModule-我的一个标签页

在我的HomePageModule内部，我有2个页面（组件）：主页，AddItemPage

我正在尝试从HomePage导航到AddItemPage。两者都在同一模块HomePageModule中：

@NgModule({
  imports: [
    IonicModule,
      RouterModule.forChild([
          { path: '', component: HomePage },
          { path: 'add-item', component: AddItemPage }]),
    CommonModule,
    FormsModule,
      ComponentsModule,
      AngularFireStorageModule
  ],
  declarations: [HomePage, AddConfessionPage],
    providers: []
})
export class HomePageModule {}

在我的主页中，我具有以下HTML：

<ion-fab slot="fixed" vertical="bottom" horizontal="end" routerLink="['add-item']">
    <ion-fab-button mini><ion-icon name="add"></ion-icon></ion-fab-button>
  </ion-fab>

单击此按钮时，出现以下错误：

ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'tabs'
Error: Cannot match any routes. URL Segment: 'tabs'

我注意到add-item页面可以通过以下URL访问：http://app-url:4200/add-item，而我的主页位于以下URL下： http://app-url:4200/tabs/(home:home)

我配置添加项路线的方式有什么问题，我该如何解决？

Ionic 4-在同一模块中的组件之间导航

0 个答案: