Integration with Nuxt.js

[MrRossBennett]

Hello - currently working on getting this excellent module to work with Nuxt.js. I'm using Nuxt in SSR mode. When I follow your example here, I get:

module namespace not found in mapState():

and...

this.$store.getters[getterType] is not a function

Pretty sure it's to do with when Nuxt inits the Vuex store.

Any ideas?

Thanks!

[maoberlehner]

Hey @MrRossBennett I'll look into this today!

[maoberlehner]

Hey @MrRossBennett,

I couldn't reproduce your exact problem but I found out, that dynamically registering store modules with registerModule() might not work as expected with Nuxt, so what I did was that I load the store module as usual directly when initializing the store.

• https://github.com/maoberlehner/well-composed-frontend/blob/temp/vuex-map-fields/store/modules/index.js
• https://github.com/maoberlehner/well-composed-frontend/blob/temp/vuex-map-fields/pages/index.vue

Please let me know if not dynamically registering the store module helps with your problem.

[maoberlehner]

I'm closing this because of inactivity and because I can't reproduce the exact problem. Please open a new issue with more informations (live code example in the best case) if the problem still exists. Thx.

[valeriu-dev]

I also ran into this problem.
If use store/index.js file as a store - everything is ok.
But if you use store/user.js, when we call the function mapFields:

export default {
    computed: {
      ...mapFields([
        'user.phone',
        'user.password'
      ])
    }
}

we get the error: this.$store.getters[getterType] is not a function

PS. Maybe the problem is that Nuxt creates store dynamically

[valeriu-dev]

The problem is solved if you add getField and updateField in the main store/index.js file.

[maoberlehner]

You have to use Namespaces, see #57 (comment)

[wackyapps]

I also ran into this problem. If use store/index.js file as a store - everything is ok. But if you use store/user.js, when we call the function mapFields:

export default {
    computed: {
      ...mapFields([
        'user.phone',
        'user.password'
      ])
    }
}

we get the error: this.$store.getters[getterType] is not a function

PS. Maybe the problem is that Nuxt creates store dynamically

@maoberlehner Do i have to use this package in nuxt as plugin entry?