未知的自定义元素vue js

Question

我已经创建了新的nuxt应用程序 使用本教程 https://nuxtjs.org/guide/installation/

vue init nuxt/starter <project-name>

nuxt - 是一个使用vue.js

的服务器端渲染包装

现在我收到了这个错误：

  

未知的自定义元素： - 您是否注册了该组件   是否正确？对于递归组件，请确保提供“名称”   选项。

这是我的索引页面：

<template>
    <section class="container">
        <div>
            <logo/>
            this is index page
            <p>
                <nuxt-link to="/contacts">contacts</nuxt-link>
            </p>
        </div>
    </section> </template>

<script>
    import Logo from '~components/Logo.vue'
    export default {
        components: {
            Logo,
        }
    } </script>

这是我的Logo.vue

<template>
  <div class="VueToNuxtLogo">
    <div class="Triangle Triangle--two"></div>
    <div class="Triangle Triangle--one"></div>
    <div class="Triangle Triangle--three"></div>
    <div class="Triangle Triangle--four"></div>
  </div>
</template>

我该怎么办？