Vue error 해결법 : [Vue warn]: Error in beforeCreate hook: "TypeError: this._router.init is not a function"

vue 에서 vue-router를 이용하여 주소에 따라 각각 다른 페이지를 라우팅하려고 할 때 아래와 같은 에러가 나는 경우가 있다.

[Vue warn]: Error in beforeCreate hook: "TypeError: this._router.init is not a function"

TypeError: this._router.init is not a function

 

위 에러는 router 를 초기화 할 때 잘못한 경우 발생한다.

즉, 라우터를 선언한 파일에서 아래 코드와 같이 Vue에 vue-router를 연결시킨 후 초기화까지 확인한다.

이번의 경우는 export default new VueRouter 를 export default 만 적어줘서 에러가 발생하였다.

따라서 아래와 같이 Vue.use(VueRouter) 또는 export default new VueRouter 를 제대로 적었는지를 확인하면 된다.

router / index.js 

import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '@/components/Login'

Vue.use(VueRouter)

export default new VueRouter({
  routes: [
    {
      path: '/',
      component: Login
    }
  ]
})

 

 

해결