<p>我正在制作一个组件InputText.vue，如下所示：</p> <pre class="brush:php;toolbar:false;">&lt;template&gt; &lt;div class=&quot;row&quot;&gt; &lt;div class=&quot;col-sm-12&quot;&gt; &lt;div class=&quot;form-group&quot;&gt; &lt;h4&gt;Edit Text:&lt;/h4&gt; &lt;textarea class=&quot;form-control&quot; cols=&quot;50&quot; rows=&quot;4&quot; placeholder=&quot;Enter text here...&quot; v-model=&quot;textBoxInput&quot; @keyup=&quot;textChanged&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; export default{ data: function(){ return { textBoxInput: &quot;&quot; } }, methods: { textChanged: function(){ this.$emit('displayTextChanged', this.textBoxInput); } } } &lt;/script&gt;</pre> <p>然后我在 CardFront.vue 组件中注册并使用它，如下所示：</p> <pre class="brush:php;toolbar:false;">&lt;style&gt; .edit-area { padding: 20px; height: 800px; background-color: #d2f9f9; } .card-display { padding: 20px; height: 800px; } &lt;/style&gt; &lt;template&gt; &lt;div class=&quot;row&quot;&gt; &lt;div class=&quot;card col-sm-6 edit-area&quot;&gt; &lt;cc-text-area&gt;&lt;/cc-text-area&gt; &lt;/div&gt; &lt;div class=&quot;card col-sm-6 card-display&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import TextInput from './TextInput.vue' export default{ components: { ccTextArea: TextInput } } &lt;script&gt;</pre> <p>它给出了这个错误： 错误</p> <p>请帮帮我。我正在使用 Vue 版本 2。每当我尝试刷新页面时，它都会给出如下错误： [Vue warn]: Unknown custom element: - 你是否正确注册了组件？对于递归组件，请确保提供“名称”选项。</p>

// TextInput.vue (not InputText.vue)

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