未捕获的RangeError：使用.vue时超出了最大调用堆栈大小

Question

我使用Chat.vue文件，这是它的代码。  

<div class="chat">

    <chat-messages> ssss</chat-messages>

    <form action=""> </form>
</div>

</template>

<script>

    export default{
        //
    }

</script>

这是app.js中的代码

Vue.component('chat', require('./components/chat/Chat.vue'));
const app = new Vue({
    el: '#app'
});

然后我在页面中收到此错误。

> at Watcher.get (app.js:34022)
>     at new Watcher (app.js:33998)
>     at mountComponent (app.js:33670)
>     at VueComponent.Vue$3.$mount (app.js:39251)
>     at VueComponent.Vue$3.$mount (app.js:41575)
>     at init (app.js:34945)
>     at createComponent (app.js:36392)
>     at createElm (app.js:36340)
>     at createChildren (app.js:36463)
>     at createElm (app.js:36368)

守望者得到。

 } else {
  throw e
}

新观察员

  this.value = this.lazy
    ? undefined
    : this.get();
};

所以我正在尝试使用.vue文件，当我尝试显示一些代码时出现此错误..任何想法我怎么能解决它？此外，我正在尝试向我的项目添加实时聊天，并且在应用此视频https://www.codecourse.com/lessons/laravel-chatroom/1801中的代码时出现此错误。