vue引用组件 did you register the component correctly? For recursive components, make sure to provide the “name”

阐述问题：

• 在项目中用到了vue引用外部组件，报以上错误，百度了好半天，发现跟自己的问题还是不符合。下面说下我的问题所在。

错误信息及错误截图

• 通过以下错误可以看到，大概的意思就是：正确注册组件了吗?对于递归组件，请确保提供“name”选项。
• 其实我的这个问题不在子组件，折腾了半天，更换子组件名，更换子组件大小写，检查components是否正确。最后都是正确的。问题出在了Home，父组件里面。

[Vue warn]: Unknown custom element: <aaa> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Home> at src/views/home/Home.vue
       <App> at src/App.vue
         <Root>

解决以上错误：

• 问题出现在了home.vue里面，是我自己不小心，多写了一段 script，也就是有两个name，有两个script，所以会报 错误信息及错误截图 中的问题。删除了多余的就解决了。

父组件代码：Home.vue

<template>
  <div>
 
    <div>
      <aaa name="aaa"></aaa>
    </div>
      <div class="box5">
        <div>
          <text class="title-detial">基因序列:s4s5hidcskjkskhf90h</text>
        </div>
        <div class="jiyin">
          <image class="jiyin" src="/static/images/image/temp/11.png"></image>
        </div>
      </div>
    </div>
    <div class="s-box">
      <div class="box3">
        <div>
          <image class="return" src="/static/images/image/public/return.png"></image>
        </div>
        <div class="Title">区块链溯源</div>
      </div>
      <div class="suyuan-detial">
        <text>2020-07-21</text>
        <text>食品药品监督管理同己同步</text>
        <text>2020-05-13</text>
        <text>肉质检中心已同步</text>
      </div>
    </div>
  </div>
</template>
<script>
  import WinNavbar from "components/common/winNavbar/WinNavbar";
  import aaa from "../../components/common/aaa/aaa";
  export default {
    components: {
      aaa,
    },

  }
</script>
<style scoped>

</style>
<script>
export default {
  name: "Home",
}
</script>

子组件代码：aaa.vue

<template>
  <div class="aaa">
    222222222222
  </div>
</template>

<script>
export default {
  name: "aaa"
}
</script>

<style scoped>

</style>

最后提醒搬砖的小伙伴们，在写代码的时候一定要仔细哦！