Ionic4 + VueJS гамбургер меню

Question

Вопрос: Как мне создать боковое меню с возможностью пролистывания для приложения ionic v4 vuejs?

Итак, я новичок в ionic и пытаюсь перевести существующее веб-приложение в ionic.После шагов по ограниченным статьям на ionic4 с vue.Я установил @ ionic / core, добавил CDN в индексный файл и флажок игнорирования для веб-композитов [/ ion /] прямо перед монтированием Vue.

В настоящее время я получаю эту ошибку: Menu: must have a "content" element to listen for drag events on.

Я немного неуверен в том, что последовать, так как многие статьи там посвящены ионам v2 и v3, я знаю, что было несколько изменено то, как компоненты пользовательского интерфейса и на основе бета-документов ionic4, чтоЯ, кажется, правильно: '

<script lang="ts" src="./Layout.ts"></script>

<template>
    <div class="layoutComponent">
        <ion-page>

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

                <ion-content>

                    <ion-list>
                        <ion-list-header>
                            Navigate
                        </ion-list-header>

                        <ion-item>
                            <router-link :to="{name: 'link 1'}">
                                <ion-label full>
                                    <eg-localizer token="1"></localizer>
                                </ion-label>
                            </router-link>
                        </ion-item>
                        <ion-item>
                            <router-link :to="{ name: 'link2'}">
                                <ion-label full>
                                    <localizer token="2"></localizer>
                                </ion-label>
                            </router-link>
                        </ion-item>
                        <ion-item>
                            <a target="_blank" href="https://foo.com">
                                <ion-label full>
                                    <localizer token="external link 3"></localizer>
                                </ion-label>
                            </a>
                        </ion-item>
                    </ion-list>
                </ion-content>
            </ion-menu>

            <!-- main point of entry for app content -->
            <slot></slot>

        </ion-page>
    </div>
</template>