Hi @astral bone. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
#Nuxt 4 & nuxt-vuefire/vuefire - 500 Cannot read properties of undefined (reading 'message')
tropic basinBOT
Based on the available knowledge sources, there is no explicit documentation confirming full compatibility between Nuxt 4 and nuxt-vuefire/vuefire. However, there are several related issues and error reports that suggest users have encountered problems when using nuxt-vuefire with Nuxt 4, particularly server errors such as "Cannot read properties of undefined (reading 'message')" and other 500 errors.
Some users have reported issues when combining features like session cookies and App Check, resulting in server-side errors and incompatibilities, especially when certain tokens or configurations are not available or valid in the server context. For example, enabling both App Check and session cookies can cause errors because the debug token for App Check is only available client-side, leading to server authentication failures and 500 errors when the server tries to validate the token without the necessary context. This is a known pain point when using nuxt-vuefire with SSR in Nuxt 4 environments, as described in user reports and Stack Overflow posts. Additionally, missing or misconfigured modules in nuxt.config.ts can also lead to similar errors, so double-checking your configuration is recommended. Some users have suggested reviewing example repositories and ensuring all required modules and packages are included in your setup, as well as verifying your Firebase console configuration and debug token setup. You can find a minimal working example and further troubleshooting steps in this example repo and the template project referenced by the community. If you are using App Check and session cookies together, be aware that this combination is known to cause issues in SSR contexts with nuxt-vuefire and may not be fully supported yet in Nuxt 4 [Stack Overflow: VueFire Session Cookie + App Check].
In summary, nuxt-vuefire may not be fully compatible with Nuxt 4 at this time, especially for advanced features like session cookies and App Check in SSR. If you rely on these features, you may need to wait for updates from the nuxt-vuefire maintainers or consider alternative approaches. If you encounter the "Cannot read properties of undefined (reading 'message')" error, review your configuration, ensure all required modules are present, and consult the linked example projects for guidance.
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
astral bone
This is the console output:
ERROR [request error] [unhandled] [GET] http://localhost:3000/ 11:16:06
ℹ Error: Cannot read properties of undefined (reading 'message')
⁃ at createError (X:/Active Projects/avj-new/avj-new/node_modules/h3/dist/index.mjs:71:33)
66 ┃ return new H3Error(input);
67 ┃ }
68 ┃ if (isError(input)) {
69 ┃ return input;
70 ┃ }
❯ 71 ┃ const err = new H3Error(input.message ?? input.statusMessage ?? "", {
72 ┃ cause: input.cause || input
73 ┃ });
74 ┃ if (hasProp(input, "stack")) {
75 ┃ try {
76 ┃ Object.defineProperty(err, "stack", {
⁃ at createError (X:/Active Projects/avj-new/avj-new/node_modules/nuxt/dist/app/composables/error.js:42:58)
⁃ at createNuxtAppServer (X:/Active Projects/avj-new/avj-new/node_modules/nuxt/dist/app/entry.js:30:67)
⁃ at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
⁃ at async default (X:/Active Projects/avj-new/avj-new/node_modules/@nuxt/vite-builder/dist/runtime/vite-node.mjs:34:18)
⁃ at async Object.renderToString (X:/Active Projects/avj-new/avj-new/node_modules/vue-bundle-renderer/dist/runtime.mjs:173:19)
⁃ at async Object.render (X:/Active Projects/avj-new/avj-new/node_modules/nuxt/dist/core/runtime/nitro/handlers/renderer.js:81:20)
⁃ at async Object.handler (X:/Active Projects/avj-new/avj-new/node_modules/nitropack/dist/runtime/internal/renderer.mjs:25:21)
⁃ (async file:///X:/Active%20Projects/avj-new/avj-new/node_modules/h3/dist/index.mjs:2004:19)
⁃ at async Object.callAsync (X:/Active Projects/avj-new/avj-new/node_modules/unctx/dist/index.mjs:72:16)