Vue router error : typeerror: cannot read property '$createelement' of undefined

Selamat Pagi, Siang dan Sore, saya baru mulai untuk belajar vue dan saya sedang mencoba vue-router. Namun setelah saya coba hasilnya menghasilkan error seperti ini pada console.log

TypeError: Cannot read property '$createElement' of undefined

Untuk script router.js saya seperti ini

import Vue from 'vue'
import Router from 'vue-router'
import Cover from './components/Cover.vue'
import Kelas from './components/Kelas.vue'

Vue.use(Router)

export default new Router({
  mode   : 'history',
  routes : [
    {
      path: '/',
      name: 'cover',
      components: Cover
    },
    {
      path: '/rapor',
      name: 'rapor',
      components: Kelas
    }
  ]
})

dan untuk Cover.vue nya seperti ini

<template>
  <div class="container">
    <p class="title">RAPOR HASIL BELAJAR SISWA {{name}}</p>
  </div>
</template>

<script>
export default{
  name: 'Cover',
  data(){
    return{
      name: 'Ega'
    }
  }
}
</script>
<style>

</style>

dan untuk App.js nya seperti ini

<template>
  <div id="app" class="main-page">
    <router-view/>
  </div>
</template>

Kira kira letak kesalahan saya dimana ya? terimakasih