Nuxt•2y ago

Pinia in Nuxt 3 composable error

I'm using "@pinia/nuxt": "^0.4.2" in "nuxt": "^3.3.2" (SSR). Pinia is registered in nuxtconfig/modules and works within my .vue files. I'm trying to create a composable function (useSupabaseApi.ts) which will be used frequently throughout my app to interact with my store. When I import and create the store const store = userStore(), nuxt throws this error:

[nitro] [dev] [uncaughtException] Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia?                                                                                     19:09:47
        const pinia = createPinia()
        app.use(pinia)
This will fail in production.

[nitro] [dev] [uncaughtException] Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia?                                                                                     19:09:47
        const pinia = createPinia()
        app.use(pinia)
This will fail in production.

This happens whenever I put const store = userStore() inside the export function or outside the export function. I've checked the nuxt docs but I'm not sure what I'm doing wrong here.

8 Replies

Unknown User•2y ago

Message Not Public

erztemplerobbaOP•2y ago

All my imports use ~~ at the beginning, not sure. But all of them work, so no problem here. The return is inside useSupabaseApi, just one bracket slipped to the first line because I removed some stuff to make the code more readable.

erztemplerobbaOP•2y ago

Full thing with better formatting

Unknown User•2y ago

Message Not Public

erztemplerobbaOP•2y ago

Yeah I did. When I set up the StackBlitz, I realized that the problem is probably that I'm importing saveUserResults (which imports the store) in a Nuxt server route. Is there a way to use pinia in server routes?

Unknown User•2y ago

Message Not Public

erztemplerobbaOP•2y ago

K thanks for your help!

Unknown User•2y ago

Message Not Public

Gaming

Programming

Pinia in Nuxt 3 composable error