Angular 有角度的离子侧抽屉不渲染

我有一个角度离子应用程序，我正试图建立一个侧面抽屉。我有以下基于ionic starter应用程序的非常基本的代码。我弄不明白为什么我的侧抽屉没有渲染。我跟踪了一些样本并查看了ionic文档

app.component.html

<ion-app>
  <ion-menu side="start">
    <ion-header>
      <ion-toolbar>
        <ion-title>
          Sample App
        </ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content>
      <ion-list>
        <ion-item>
          <ion-icon name="business" slot="start"></ion-icon>
          <ion-label>Sample Drawer Item</ion-label>
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-menu>
  <ion-router-outlet main></ion-router-outlet>
</ion-app>

示例应用程序
样品抽屉项目

test.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menuitem menu="m1"></ion-menuitem>
    </ion-buttons>
    <ion-title>places</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

地点

在此处找到答案：

官方文档确实在ion菜单属性中提到了

content id=“main”

，但没有提到将其添加到

。没有按照上面链接的帖子中的建议将

id=“content”

添加到

ion content

，它对我不起作用。

在这里找到的答案：

官方文档确实在ion菜单属性中提到了

content id=“main”

，但没有提到将其添加到

。如果没有像上面链接的帖子中建议的那样，将

id=“content”

添加到

ion content

，它对我不起作用