Vuex nested modules createNamespaceHelpers Issue

[JaeYeopHan]

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)