Ionic framework 离子4：使用离子底部抽屉组件时出错

我正试图在我的应用程序中使用

离子底部抽屉

组件，但我一直遇到错误。该组件似乎无法识别

复制步骤：

创建ionic4项目

npm i离子底部抽屉--保存
npm ihammerjs@2.0.8--保存
npm i@类型/hammerjs@2.0.36--保存

在app.module.ts中导入IonBottomDrawerModule 将组件添加到主页

底层抽屉内容

---

尽管执行了文档中的所有步骤，但仍无法识别该组件

查看

主页.module.ts

，并将其导入其中：

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild([
      {
        path: '',
        component: HomePage
      }
    ]),
    IonBottomDrawerModule
  ],
  declarations: [HomePage]
})
export class HomePageModule {}

---

我仍然在学习自己，但我认为这是因为延迟加载特性。每个页面都有自己的模块。

我终于找到了答案。我必须创建一个组件模块并导入IonBottomDrawerModule，然后将自定义元素模式作为模式包含在模块中，并按照文档说明的方式使用组件。

您应该使用适当的值

请按以下方式使用

<ion-bottom-drawer [minimumHeight]=50 [dockedHeight]=350
  [shouldBounce]=true [distanceTop]=50>
  <div class="drawer-content">
    Bottom Drawer Content
  </div>
</ion-bottom-drawer>

底层抽屉内容

这里有一个例子

---

是的，对，我也在使用相同的和导入的IonBottomDrawerModule，并包含在组件模块中。