Javascript Vue组件无法加载：您是否正确注册了该组件？

我的路由器有：

export default new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [{
            path: '/',
            name: 'login',
            component: Login,
        },
        {
            path: '/app',
            component: Container,
            children: [{
                path: '',
                name: 'home',
                component: Home
            }]

        },
    ],
});

My Container.vue具有：

无法在Container.vue组件中添加组件：{Navigation}

export default {
  name: "Container",
  props: {
    msg: String
  },
components:{Navigation}
};

---

你是我的英雄！那不到5分钟！

<template>
  <nav class="nav nav-pills flex-column flex-sm-row">
    <a class="flex-sm-fill text-sm-center nav-link active" href="#">Active</a>
    <a class="flex-sm-fill text-sm-center nav-link" href="#">Longer nav link</a>
    <a class="flex-sm-fill text-sm-center nav-link" href="#">Link</a>
    <a
      class="flex-sm-fill text-sm-center nav-link disabled"
      href="#"
      tabindex="-1"
      aria-disabled="true"
    >Disabled</a>
  </nav>
</template>

<script>
export default {
  name: "Navigation"
};
</script>

export default {
  name: "Container",
  props: {
    msg: String
  },
components:{Navigation}
};