Uncaught RangeError: Превышен максимальный размер стека вызовов при работе с .vue

Я работаю с файлом 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.