Nuxt 3 with Pinia gives me error 500

Whenever I import my store to a page/layout/component, I'm getting a 500 error (

[Vue Router warn]: uncaught error during route navigation:  error: nuxt instance unavailable

[Vue Router warn]: uncaught error during route navigation:  error: nuxt instance unavailable

) on initial load.

On my error page, I have a home button (

const handleClearError = () => clearError({ redirect: '/' })

const handleClearError = () => clearError({ redirect: '/' })

which brings me back to the main page. Strangely, I can press this button and everything (including the Pinia store) works perfectly. The problem is just the initial page load (problem occurs every time I refresh the browser page).
In short: On whatever layout/page/component I import

import { useUserStore } from '~~/stores/user';

import { useUserStore } from '~~/stores/user';

, this problem will occur on page load.

While installing Pinia, I just followed the documentation (https://pinia.vuejs.org/ssr/nuxt.html). I read somewhere else that there is a problem with npm and Pinia right now so I tried to install the pinia/nuxt dev + normal dependency with yarn and npm. Same problem every time.

Is this a known issue with Nuxt 3 + Pinia or am I missing something here?

Nuxt•4y ago•

56 replies

erztemplerobba

Nuxt 3 with Pinia gives me error 500

Whenever I import my store to a page/layout/component, I'm getting a 500 error (

[Vue Router warn]: uncaught error during route navigation:  error: nuxt instance unavailable

[Vue Router warn]: uncaught error during route navigation:  error: nuxt instance unavailable

) on initial load.

On my error page, I have a home button (

const handleClearError = () => clearError({ redirect: '/' })

const handleClearError = () => clearError({ redirect: '/' })

import { useUserStore } from '~~/stores/user';

import { useUserStore } from '~~/stores/user';

Nuxt 3 with Pinia gives me error 500

Similar Threads

Nuxt 3 with Pinia gives me error 500

Similar Threads

Similar Threads

Similar Threads