[Vue warn]: Не удалось смонтировать компонент: шаблон или функция визуализации не определены. найдено в ---> <ChatApp>

Question

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <ChatApp>
       <Root>

ChatApp.vue

<template>
    <div class="chat-app">
      <Conversation :contact="selectedContact" :messages="messages"/>
      <ContactsList :contacts="contacts"/>
    </div>
</template>

<script>
    import Conversation from './Conversation';
    import ContactsList from './ContactsList';

    export default {
        props: {
          user: {
            type: Object,
            required: true
          }
        }
        data(){
          return{

           selectedContact:null,
           messages: [],
           contacts: []
         };
       },
        mounted() {
            console.log(this.user);
            axios.get('/contacts')
            .then((response)=>{

              console.log(response.data);
              this.contacts = response.data;
            });
        },
        components: {Conversation, ContactsList}
    }
</script>

App.js

require('./bootstrap');

window.Vue = require('vue');



Vue.component('chat-app', require('./components/ChatApp.vue').default);



const app = new Vue({
    el: '#app',
});

Когда я запускаю свой проект laravel в браузере, я ожидаю объект, который я получаю, но онмгновенно исчезает, и в консоли появляется указанная выше ошибка.