[Vue warn]: Failed to mount component のエラー解決メモ

Laravel + Vue で開発していて

遷移をVue Routerでおこなっていたら
以下のようなエラーに詰まった

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

found in

---> <Anonymous>
       <Root>

マウントに失敗したと言っている。app.jsをみてみる。

app.js

let routes = [
  { path: '/dashboard', component: require('./components/Dashboard.vue')},
  { path: '/profile', component: require('./components/Profile.vue')}
]

結論からいうとこのソースを下のソースに変える。

app.js

let routes = [
  { path: '/dashboard', component: require('./components/Dashboard.vue').default },
  { path: '/profile', component: require('./components/Profile.vue').default }
]

.defaultをつけるようにすると遷移がうまくいった。