: Élément personnalisé inconnu : <cc-text-area> - Avez-vous enregistré le composant correctement ?

Question

<template>
    <div class="ligne">
        <div class="col-sm-12">
            <div class="form-group">
                <h4>Modifier le texte :</h4>
                <textarea class="form-control" cols="50" lignes = "4" placeholder="Entrez le texte ici..." v-model="textBoxInput" @keyup="textChanged"></textarea>
            </div>
        </div>
    </div>
</modèle>


<script>
    exporter par défaut{
        données : fonction(){
            retour {
                textBoxInput : ""
            }
        },
        méthodes : {
            texteChanged : fonction(){
                this.$emit('displayTextChanged', this.textBoxInput);
            }
        }
    }
</script>

<style>
    .edit-zone {
        remplissage : 20 px ;
        hauteur : 800px ;
        couleur d'arrière-plan : #d2f9f9 ;
    }

    .affichage de la carte {
        remplissage : 20 px ;
        hauteur : 800px ;
    }
</style>


<modèle>
    <div class="ligne">
        <div class="carte col-sm-6 zone d'édition">
            <cc-text-area></cc-text-area>
        </div>
        <div class="card col-sm-6 card-display">

        </div>
    </div>
</modèle>


<script>
    importer TextInput depuis './TextInput.vue'

    exporter par défaut{
        Composants: {
            ccTextArea : entrée de texte
        }
    }
<script>

它给出了这个错误： 错误

是否正确注册了组件？对于递归组件，请确保提供« 名称 »选项。

Answer 1

Vérifiez si le nom du fichier et le nom du composant correspondent.

Si vous utilisez des propriétés 从“./TextInput.vue”导入 TextInput，那么还要确保为您的组件命名，并且可以选择添加 name dans un composant, suivez les suggestions dans les commentaires.

// TextInput.vue (not InputText.vue)

export default {
  name: 'TextInput',
  
  ...
}

Answer 2

J'ai résolu ce problème. Merci beaucoup à tous pour votre aide. Le problème vient de la balise de script de fermeture dans le composant CardFront.vue.