Error reporting problem of vue imported subcomponents

error message is: [Vue warn]: Unknown custom element: < child >-did you register the component correctly? For recursive components, make sure to provide the "name" option.

Sub-component code

<template>
    <div>
        <div>{{message}}()</div>
    </div>
</template>
<script>
export default {
    props: {
        message: String  //<br>    
    },
    created(){
        alert(132456)
    }
}
</script>
<style>
</style>

parent component code

<template>
    <div class="content">
        
        <child :message="str"></child>
    </div>
</template>

<script>
import child from "../../components/componentsItem"
export default {
    components:{child},
    data() {
        return {
            str:"asdfasdfasdfsadffffffffff",
            
        };
    },
    methods: {
        
    },
    components: {
    },
    mounted(){
    }
}
</script>
Nov.26,2021

it's true that you didn't register, after all, you ended up overwriting an empty object.

    components:{child},
    ...
    components: {
    },
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3e69e-2c41b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3e69e-2c41b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?