"Could not resolve 'consola' imported by 'vuefire'. Is it installed?" error

[rublev]

Reproduction

https://github.com/rublev/nuxt-vuefire-error-repo

Steps to reproduce the bug

Reproduction repo: https://github.com/rublev/nuxt-vuefire-error-repo

node version: 22.9.0
pnpm version: 9.12.2
arm64

run pnpm i && pnpm dev, go to login page component and open nuxt.config.ts, hit save in your editor a few times in these files and eventually this error pops up on / and /login1 and /login.

the only thing that gets rid of this is to remove the pnpm lock file and node_modules and run pnpm i && pnpm dev, and then i'll randomly get this error again. OR, close the old localhost tab and open a new one. if you end the process and then run pnpm dev and use the same tab, it'll error out:

doing pnpm add consola also did not resolve it

Expected behavior

app run normally and not encounter this error

Actual behavior

Additional information

https://github.com/rublev/nuxt-vuefire-error-repo

[rublev]

if you make a page like pages/newpage.vue with:

<template>
  <main>
    <h2>New Page</h2>
  </main>
</template>

and visit localhost:3000/newpage I get it every single time. / leads to the error same with newpage but not login (disabled SSR on login).

[rublev]

downgrading to "nuxt-vuefire": "^1.0.3", worked with SSR set to true for login. to get the app to reliably work i have to open a new incognito tab, wait until all building is done, visit a url, then close it and back to my normal browser.

[rublev]

seem to have fixed it with nuxt/nuxt#20209

"consola": "^3.0.1",
...
"overrides": {
  "consola": "3.0.1"
}

fixed it it seems