vue.js - Vue-Router を使用する場合 [Vue warn]: コンポーネントのマウントに失敗しました: テンプレートまたはレンダリング関数が定義されていません

Question

私は Vue を開始しているか、ルーターの vue を使用しています。以下のエラーを確認しました。autentica に関連するものだと思います。

私のルートはここにとどまります

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: '/',
      name: 'landing-page',
      component: require('@/components/LandingPage'),
    },
    {
      path: '/dashboard',
      name: 'dashboard-page',
      component: require('@/components/Dashboard').default,
    },
    {
      path: '*',
      redirect: '/',
    },
  ],
});

私のHTMLはここにとどまる

<template>
    <ul class="navigation">
        <li class="navigation__active"><router-view to="/"><i class="zmdi zmdi-home"></i> Home</router-view></li>
        <li class="navigation__active"><router-view to="/dashboard"><i class="zmdi zmdi-home"></i> Dashboard</router-view></li>
    </ul>
</template>
<script>
export default {};
</script>

このエラー

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <Anonymous>
       <MenuPage> at src\renderer\components\Menu.vue
         <DesktopSmf> at src\renderer\App.vue
           <Root>

私は何を間違っていますか？