[Vue.js] undefined is not an object (evaluating 'vue__WEBPACK_IMPORTED_MODULE_0__["default"].use') 오류

undefined is not an object (evaluating 'vue__WEBPACK_IMPORTED_MODULE_0__["default"].use') 오류는 Vue.js에서 Vue.use()를 호출할 때 발생하는 일반적인 오류이며, 주로 Vue.js 및 Vue 라우터 버전 충돌에 의한 문제가 발생했다.

구글링을 통해 해당 문제는 Vue.use() 호출이 올바르게 이루어지지 않았거나, Vue와 Vue Router의 버전이 맞지 않거나 두 경우중 하나라고 한다.

 

원인

router의 버전이 원인이었다.

vue-router은 v4까지 출시되었는데 v4는 vue3에서만 사용할 수 있고, vue2에서 사용하기 위해서는 vue-router v3을 설치했어야 했다.