Конфигурация Vue route & quot; компонент & quot; для пути: / не может быть идентификатором строки

я учусь Vue Js — v2.5.3.

Я использую компонент и концепцию маршрута для разработки проекта. где составная часть работает, но когда я пытаюсь определить маршрут, то получаю ошибку

Uncaught Error  ::  route config component for path: /signin cannot be a string id.
Use an actual component instead.

или же

 Uncaught Error  ::  route config component for path: / cannot be a string id.
Use an actual component instead.

Я не могу понять, что происходит не так. Помогите мне, пожалуйста. когда я бегу Npm Run Dev затем компиляция vue завершается, но появляется ошибка на консоли браузера.

Мой код на App.js

window.Vue = require('vue');
import VueRouter from 'vue-router';
Vue.use(VueRouter);

const homePage =   Vue.component('home', require('./components/Home.vue'));
const example_comp =    Vue.component('example', require('./components/Example.vue'));
const registration =   Vue.component('signin', require('./components/Signin.vue'));

const router = new VueRouter({
routes: [
{
path : '/',
// name : 'home',
component : 'home',
},
{
path : '/signin',
// name : 'signin',
component : 'signin',
},
{
path : '/example',
// name : 'example',
component : 'example',
}
]
});

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

Home.blade.php

    <div id="app">
<p > <router-link to="/usersSignIn">User Regitration </router-link></p>
<p ><router-link to="/login"> Login  </router-link></p><router-view></router-view>

</div>

Компонент :: Home.vue

 <template>
<div>
<p> This home page.</p>
</div>
</template>
<script>
export default {

}
</script>