单击离子菜单后无法加载页面

Question

我已在“项目”页面中添加，但无法导航至菜单上指定的各个页面。我的所有页面都在“页面”目录中。但是，当我单击菜单上的按钮时，它会将我重定向到“项目/配置文件”或“项目/我的订单”页面，该页面仅返回项目页面。我无法导航到个人资料页面或我的订单页面 这是我的代码

items.html

<ion-menu contentId = "content">

  <ion-header>
    <ion-toolbar color="primary">
      <ion-title> Menu </ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-list>

      <ion-menu-toggle>

        <ion-item routerDirection = "root" routerLink = "/items/profile">
          <ion-icon name="person" slot="start"></ion-icon>
          <ion-label>
            My profile
          </ion-label>

        </ion-item>
      </ion-menu-toggle>



          <ion-menu-toggle>

              <ion-item routerDirection = "root" routerLink = "/items/my-orders">
                <ion-icon name="briefcase" slot="start"></ion-icon>
                <ion-label>
                  My Orders
                </ion-label>

              </ion-item>
            </ion-menu-toggle>


        </ion-list>
      </ion-content>
    </ion-menu>

    <ion-router-outlet id ="content" main></ion-router-outlet>

items.module

const routes: Routes = [
  {
    path: '',
    component: ItemsPage,

    children : [
      { path: 'profile', loadChildren: '../profile/profile.module#ProfilePageModule' }, 
      { path: 'my-orders', loadChildren: '../my-orders/my-orders.module#MyOrdersPageModule' },
    ]

  }
];