Namespaces do not function. Throws "ERR_ACTION_ACCESS_UNDEFINED" when using namespaces

I setup namespaces for my Vuex modules, and after that the following error is thrown whenever I try and access an action:

ERR_ACTION_ACCESS_UNDEFINED: Are you trying to access this.someMutation() or this.someGetter inside an @Action? That works only in dynamic modules.

Vuex Module:

@Module({ namespaced: true, name: 'Accounts' })
export default class AccountStore extends VuexModule {

  accounts: AccountModel[] = [];

  @Mutation
  SetAccounts(accounts: AccountModel[]){
    this.accounts = accounts;
  }

  @Action({commit: 'SetAccounts'})
  FetchAll(){
    axios.get('/api/accounts').then((response) => {
      return response.data;
    })
  }
}

Store initialization:

Vue.use(Vuex);

export default new Vuex.Store({
    state:{},
    modules:{
        Accounts: AccountStore
    }
})

Calling It:

this.$store.dispatch('Accounts/FetchAll');

If I remove the namespace bits and call this.$store.dispatch(FetchAll'); it works as expected.

I assume this is a problem with my usage of this?

[andredewaard]

@Action({ rawError: true }) You can add this to the decorator. I think the decorator catches every error that happens inside the action and just give you this error. I had the same thing.

[Uninen]

Edit: turns out there was a problem with my main component class and after I fixed it, the problem went away.

---

I’m getting this same error when trying to namespace modules. Without namespacing everything works fine.

My super simple store:

@Module({ namespaced: true, name: 'hoyci' })
export default class HoyciModule extends VuexModule {
  year = 0

  @Mutation
  setYear(year: number) {
    this.year = year
  }

  @Action({})
  init() {
    const d = new Date()
    this.context.commit('setYear', d.getFullYear())
  }
}

If I add rawError: true I get: “Unhandled promise rejection Error: “ERR_STORE_NOT_PROVIDED: To use getModule(), either the module should be decorated with store in decorator, i.e. @Module({store: store}) or store should be passed when calling getModule(), i.e. getModule(MyModule, this.$store)””

Using Vue 2.6.6 and vuex 3.1.0