Vue.js 를 나름 스터디하면서 고전하고 있는 가운데 vuex를 사용해 보려 구글링해서 열심히 코딩하고 구동해보니 소스 코드상에는 오류가 없음에도 아래와 같은 오류가 발견되어 어렵게 해결한 팁을 공유합니다

참고로 저는 vue 2.x 버젼을 사용하고 있느데 대부분 알려진 vuex 설치에 관한 내용은 vue 버젼과는 상관없이  $npm install vuex  또는 $npm install vuex@next 로 안내를 하고 있었습니다

그래서 만난 에러는 아래와 같은데 고민하다가 해결되어 공유하고자 글을 남깁니다

vue.js 스터디와 적응중인 분들 가운데 저와 같이 헤매고 있는 분들에게 도움이 되었으면 합니다 

에러 내용은 아래와 같습니다 

Uncaught TypeError: Object(...) is not a function      vuex.esm-browser.js?2ef4:140 
    at resetStoreState (webpack-internal:///./node_modules/vuex/dist/vuex.esm-browser.js:152:71)
    at new Store (webpack-internal:///./node_modules/vuex/dist/vuex.esm-browser.js:944:3)
    at eval (webpack-internal:///./src/js/store.js:9:13)
    at Object../src/js/store.js (app.js:1208:1)
    at __webpack_require__ (app.js:679:30)
    at fn (app.js:89:20)
    at eval (webpack-internal:///./src/main.js:4:75)
    at Object../src/main.js (app.js:1216:1)
    at __webpack_require__ (app.js:679:30)
    at fn (app.js:89:20)

이를 해결하려면 vue 2.x의 경우 vuex를 아래와 같이 설치해야 합니다

$npm install vuex@2.0.0 

자세한 내용은 아래 블로그를 참조하세요. 

https://blog.naver.com/karisma70kr/222659949425