tip-archive
tip-archive copied to clipboard
Vuex nested modules createNamespaceHelpers Issue
Description
parent의 NAMESPACE를 child에서 가져와서 쓰려고 했더니 이런 이슈가 발생
@/store/common/index.js
export const NAMESPACE = 'common'
export default {
namespaced: true,
modules: {
header,
}
}
@/store/common/header.js
import { createNamespacedHelpers } from 'vuex'
export const NAMESPACE = 'header';
const { mapState } = createNamespacedHelpers(`common/${NAMESPACE}`)
export { mapState }
export default {
namespaced: true,
state: { ... },
}
저기서 common
namespace를 상위 모듈인 common/index.js
에서 가져오려고 하면 에러가 발생함.
Why?
(TBD)