vue.js - [Vue 警告]：无法解析组件：ButtonElement at参考=参考<未定义>>

Question

我遇到了关于组件的问题。尽管定义了组件，但它没有解析，它说像“无法解析组件：ButtonElement”它可能是路由上的错误。我的代码是这样的：

路线

 {
  path: '/dashboard',
  name: 'Dashboard',
  component: DashboardLayout,
  children: [
 
  {
    path: 'account',
    name: 'Account',
    component: AccountLayout,
    children: [
     {
       path: '',
       redirect: { name: 'AccountProfile' }
     },
     {
       path: 'email',
       name: 'AccountEmail',
       component: EmailView,
     },
    ]
  }
]

},

零件

<template>

            <FormInputGroupSection
              v-for="(item, index) in emailForm"
              :key="index"
              :label="item.label"
              :icon="item.icon"
              :input="item.input" />

            <div class="row justify-content-end">
              <div class="col-lg-8">
                <ButtonElement
                  @clickOnButton="changeEmail()"
                  class="outline block">
                  Update Email
                </ButtonElement>
              </div>
            </div>


</template>
<script lang="ts">

  export default defineComponent({
    name: 'EmailView',
    components: {
      ButtonElement,
      FormInputGroupSection
    },
   ...

那天我遇到了这样的错误

[Vue warn]: Failed to resolve component: ButtonElement 
at <ProfileView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
at <RouterView> 
at <AccountLayout onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
at <RouterView> 
at <GeneralLayout> 
at <DashboardLayout onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
at <RouterView> 
at <App>

标签： vue.jsroutescomponents