模糊错误表示我的组件名称以零开头

Question

我得到一个模糊的错误,我的组件名称为零.但我的组件中没有一个名称为零.此错误很难追查.任何人都知道问题可能是什么,所以我可以朝着正确的方向前进来解决它.

vendor.js:66537 [Vue警告]:组件名称无效:"0".组件名称只能包含字母数字字符和连字符,并且必须以字母开头.

有关错误的更多信息:

编辑:更多信息:

我有一个独特的项目结构.我有单个文件组件.每个组件分为2个文件,如下所示:

Home.vue:

<template>
    ...
</template>

<style lang="scss">
    ...
</style>

<script src="./home.js"></script>

home.js:

export default {
    ...
}

编辑:调试捕获

编辑:home.js

import RecentPostsWidget from './widgets/RecentPosts'
import PagesWidget from './widgets/Pages'

export default {
    components: {
        RecentPostsWidget,
        PagesWidget
    }
}

Answer 1

我有同样的错误,它是由组件中使用数组而不是对象引起的.它应该是这样的

components: {
  RecentPostsWidget,
  PagesWidget
}

这是错误出现时的方式:

components: [
  RecentPostsWidget,
  PagesWidget
]

Answer 2

您可以尝试为组件添加名称吗？

home.js

import RecentPostsWidget from './widgets/RecentPosts'
import PagesWidget from './widgets/Pages'

export default {
    name: 'p-components-home',
    components: {
        RecentPostsWidget,
        PagesWidget
    }
}