The component registration is normal. A registration public DIALOG DIALOG registration dependency page, but the error is reported.

vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <hjDialog> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <CustomerInsuredCompany> at src/views/Customer/customer_insuredCompany.vue
       <ElMain>
         <ElContainer>
           <Home> at src/views/home.vue
             <App> at src/App.vue
               <Root>

here are the declarations of my various components
the parent component introduces DIALOG:

   <!--   -->
    <hjDialog :list="childrenData" @returnValue="backValue"></hjDialog>
   
  </div>
</template>
<script>
import _ from "lodash";
import { policyDataConfiguration } from "@/assets/js/api";
import { getSessionStorage  } from "@/assets/js/sessionStorage";
import elTable from "@/components/elTable"
import hjDialog from "@/components/hjDialog"


export default {
  name: "policyDataConfig",
   components: {
    elTable,
    hjDialog
  },

the following figure shows the code of DIALOG component

<template>
    <div>
        <el-dialog v-dialogDrag :visible.sync="list.dialogVisible" width="60%" title="">
             <insuranceCompany @childByValue="receiveValue" :listData="listData" v-if="list.type =="cInsuCompanyCde""></insuranceCompany>
             <insuredCompany @childByValue="receiveValue" :listData="listData" v-if="list.type =="cInsuCompanyNme""></insuredCompany>
             <reinsurePolicy @childByValue="receiveValue" :listData="listData" v-if="list.type =="reinsurePolicy""></reinsurePolicy>
             <policyDataConfig @childByValue="receiveValue" :listData="listData" v-if="list.type =="policyDataConfig""></policyDataConfig>
        </el-dialog>
    </div>
</template>

<script>
     import insuranceCompany from "@/views/Customer/customer_insuranceCompany"
     import insuredCompany from "@/views/Customer/customer_insuredCompany"
     import reinsurePolicy from "@/views/policyDataConfiguration/reinsurePolicy"
     import policyDataConfig from "@/views/policyDataConfiguration/policyDataConfiguration_policyConfig"


    export default{
        data(){
            return{
                listData:{
                    isTitleShow:false,
                    isOperation:false,
                }
            }
        },
        
        props:{
            list:{},
        },

        components: {
           insuranceCompany,
           insuredCompany,
           reinsurePolicy,
           policyDataConfig

        },

can someone tell me where the registration is not clean? no, no, no. Thank you