VueRouterを設定しましたが、Unknown custom element: <router-view>のエラーで困っています

Question

環境: Rails5.2
ruby 2.5.8
vue.js 2.6.12
vue-router 3.5.1

[Rails+Vue.js]に係るCRUD入門〜Part３: Vue Router設定編〜という記事を参考にVue-Routerを設定したのですが、**Unknown custom element: <router-view>**とエラーが出ます。
元の記事をコピペとInstallation | Vue Routerを参考にしたのですが、エラーが出ています。
yarn add vue-router と npm install vue-router　の両方を実行しました。

//App.js
<template>
  <div id="app">
    <Header></Header>
    <router-view/>
  </div>
</template>

<script>
import Header from './components/Header'
export default {
  name: 'App',
  components: {
    Header
  }
}
</script>

<style scoped>
</style>

//router/routr.js
import Vue          from 'vue'
import VueRouter    from 'vue-router'
import BookHome     from '../pages/BookHome';
import BookCreate   from '../pages/BookCreate.vue';

Vue.use(VueRouter)

const routes = [
    { path: '/',  name: 'BookHome', component: BookHome },
    { path: '/create',  component: BookCreate },
];

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
})

export default router
//export default new VueRouter({ routes });

//javascript/packs/application.js
import Vue    from 'vue'
import App    from '../App'
import Router from '../router/router.js'

const app = new Vue({
    el: '#app',
    router: Router,
    render: h => h(App)
})

Answer 1

//javascript/packs/application.js
import router from '../router/router.js'
:
:
router: router, // 小文字

ではどうでしょうか。

Comments

[koma_05]

試して見ましたが、同じくエラーが出ました。

[koma_05]

```js
import router from '../router/router.js'
const app = new Vue({
el: '#app',
router: router,
render: h => h(App)
})
```
としても
```js
const app = new Vue({
el: '#app',
router,
render: h => h(App)
})
```
としてもエラーが出ます

[gambaldia]

router.js
を教材から変更されましたよね。何を参考に変更されましたか？
そこに変更の意味や、やり方は書いてないですか？
いったん、教材のソースに戻してやり直したらいかがでしょうか。

[koma_05]

やり直してみます