nuxt 프로젝트에 vuex 를 설치해 $store 전역객체를 쓰려는 순간, $store 이 undefined 로 간주되어 위와 같은 에러가 발생했다.
크롬 개발자도구를 켰을 때도 패널에 Components, Timline, Routes 만 있을 뿐 Vuex 는 표시되지 않은걸 보니 Vuex 자체가 인식되지 않은 것을 알 수 있다.
구글링을 해봤을 때 모두 이에 대한 원인이 Vuex 설정에서 $store 가 연결이 안되어서 그렇다는 내용 밖에 없었고, nuxt 에서는 vuex 기능이 모두 내장 되어있어 따로 설정할 필요가 없었기 때문에 시도할 수 있는 부분이 없었다.
모든 방법을 동원하다 결국 vuex 버전을 다운그레이드 시켰더니 정상적으로 실행되었다.
⇒ npm i vuex@3.6.2
하지만 아직 해결되지 않은 의문은, 회사 노트북으로 git clone 을 해 서버를 실행시켰을 땐 최신 vuex 버전으로 vuex 가 정상적으로 동작했다는 점이다. 최종적으로 vuex 가 정상 실행이 되면서 해결되었지만 참 찜찜한 기분이다.
Frontend Developer 💡