vue.js 模糊错误显示组件名称以零开头

0pizxfdo 于 2023-01-26 发布在 Vue.js

关注(0)|答案(6)|浏览(148)

我得到一个模糊的错误，我的组件名是零。但是我的组件没有一个名称是零。这个错误很难追踪。任何人都知道问题可能是什么，所以我可以朝着正确的方向去解决它。
供应商. 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
    }
}

vue.js

来源：https://stackoverflow.com/questions/49792383/obscure-error-says-my-component-name-begins-with-a-zero

6条答案

按热度按时间

yshpjwxd1#

我遇到了同样的错误，这是由于在组件中使用数组而不是对象引起的。

components: {
  RecentPostsWidget,
  PagesWidget
}

这是当错误出现时我的处理方式：

components: [
  RecentPostsWidget,
  PagesWidget
]

赞(0）回复(0）举报 2023-01-26

qqrboqgw2#

尝试更换

components: {
    RecentPostsWidget,
    PagesWidget
}

与

components: {
    recentPostsWidget: RecentPostsWidget,
    pagesWidget: PagesWidget
}

赞(0）回复(0）举报 2023-01-26

lskq00tm3#

在某处查找使用大括号的组件：[]并将其更改为{}示例：

components: [
     Logo,
     Nav
   ],

切换到：

components: {
     Logo,
     Nav
   },

赞(0）回复(0）举报 2023-01-26

t40tm48m4#

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

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

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

赞(0）回复(0）举报 2023-01-26

ecfsfe2w5#

我蠢到把我的组件命名为

export default {
  components: 'footer',
}

取代：

export default {
  name: 'Footer',
}

赞(0）回复(0）举报 2023-01-26

tzxcd3kk6#

您需要在组件导入的末尾添加.vue

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

export default {
    components: {
        RecentPostsWidget,
        PagesWidget
    }
}

赞(0）回复(0）举报 2023-01-26

我来回答

vue.js 模糊错误显示组件名称以零开头

6条答案

相关问题

热门标签

最新问答