vue.js - 晦涩的错误说我的组件名称以零开头

Question

我收到一个模糊的错误，提示我的组件名称为零。但是我的组件的名称都没有零。这个错误很难追踪。任何人都知道问题可能是什么，所以我可以朝着正确的方向前进来解决它。

vendor.js:66537 [Vue warn]: Invalid component name: "0". Component names can only contain alphanumeric characters and the hyphen, and must start with a letter.

这里是关于错误的更多信息:

编辑:更多信息:

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

首页.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
]