[vuex] expects string as the type, but found undefined.

 

⚠️ 문제 발생!

 

 

🤔 원인 분석

/pages/cart.vue

 

반응형

 

 

/store/index.js

 

dispatch()를 호출할 때, 유의해야 하는 것이 Actions에 선언한 함수명과 완전히 일치해야 한다는 것입니다.
만약 일치하지 않으면 위와 같은 문제가 발생하게 됩니다.

 

 

 

🍻 문제 해결!

/pages/cart.vue

 

아까 위에서 /store/index.js에 Actions에서 사용할 함수명을 상수형으로 만드는 것이 좋은데, 그 이유는  위와 같이 이름이 틀릴 경우가 있고, 서비스가 커지게 되면 이름이 헷갈릴 수가 있기 때문이랍니다.