加载嵌套的Vue组件

Question

我的VueJS应用程序中有以下嵌套组件。搜索结果中的每个结果都使用Result.vue。点击“查看更多”＆＃39;按钮加载组件MoreDetails.vue，后者又呈现Google Map。

SearchResults.vue
|
|__Result.vue
   |
   |__MoreDetails.vue
      |
      |__gmap.vue

当您点击“查看更多”时，我收到以下错误。

  

[Vue警告]：未知的自定义元素：<gmap> - 您是否正确注册了该组件？对于递归组件，请务必提供＆＃34; name＆＃34;选项。

如果我在Result.vue文件中使用gmap，我不会遇到任何问题。 嵌套是否有限制？

以下是如何在MoreDetails.vue中导入gmap

<script>
import gmap from '../../widgets/gmap';

export default {
  components: { gmap },
  ...
}
</script>

这种导入的确切方式在Result.vue

中工作正常