[Vue.js] 라우터 동작 오류 - Uncaught (in promise) TypeError: api.now is not a function

 

1. 오류내용

 Uncaught (in promise) TypeError: api.now is not a function

해당 오류는 Chrome 개발자 도구 (DevTools)를 켜놓은 상태에서 라우팅이 발생할 때 나타납니다. 

2. 해결방법

 이 오류의 원인은 Chrome 개발자도구 Vue 확장자가 버전 호환이 맞지 않기 때문입니다.

필자의 경우, Vue3 환경에서 라우터를 구성하였고 아래 체크한 Stable Version으로 재설치한 후 정상동작 했습니다.

Vue2를 사용하는 경우 일부 정식배포 버전(Stable Version)에서 정상동작하지 않는 경우가 발생해서 'beta'버전을 사용하고 있었습니다.

각 프로젝트의 Vue 버전에 따라서 적절한 확장 프로그램을 선택하시기 바랍니다.

(주의, 아래 두 확장자를 모두 설치한 경우 확장자 간 충돌이 발생 합니다.)