While following these instructions I got the following error below:
Expected behavior
Error, however when I set SSR: false, the page loads but I want to get SSR working.
Actual behavior
at Module._resolveFilename (node:internal/modules/cjs/loader:1075:15)
at Module._load (node:internal/modules/cjs/loader:920:27)
at Module.require (node:internal/modules/cjs/loader:1141:19)
at require (node:internal/modules/cjs/helpers:110:18)
at ./@grpc/grpc-js:20:28
at ViteNodeRunner.directRequest (./node_modules/vite-node/dist/client.mjs:341:11)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async ViteNodeRunner.cachedRequest (./node_modules/vite-node/dist/client.mjs:197:14)
at async ViteNodeRunner.dependencyRequest (./node_modules/vite-node/dist/client.mjs:231:12)
at async ./@firebase/firestore:8:31
// Nuxt config file
import { defineNuxtConfig } from 'nuxt/config'
if (!process.env.NUXT_AUTH_PASSWORD) {
console.warn('Security warning: NUXT_AUTH_PASSWORD is not set. Using an example value. Please set it otherwise your session is unsecure!');
process.env.NUXT_AUTH_PASSWORD = 'secretsecretsecretsecretsecretsecretsecret'
}
Reproduction
I am trying to follow the basic guide
Steps to reproduce the bug
https://vuefire.vuejs.org/nuxt/getting-started.html
While following these instructions I got the following error below:
Expected behavior
Error, however when I set SSR: false, the page loads but I want to get SSR working.
Actual behavior
at Module._resolveFilename (node:internal/modules/cjs/loader:1075:15) at Module._load (node:internal/modules/cjs/loader:920:27) at Module.require (node:internal/modules/cjs/loader:1141:19) at require (node:internal/modules/cjs/helpers:110:18) at ./@grpc/grpc-js:20:28 at ViteNodeRunner.directRequest (./node_modules/vite-node/dist/client.mjs:341:11) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async ViteNodeRunner.cachedRequest (./node_modules/vite-node/dist/client.mjs:197:14) at async ViteNodeRunner.dependencyRequest (./node_modules/vite-node/dist/client.mjs:231:12) at async ./@firebase/firestore:8:31
Additional information
Packages.json { "name": "nuxt-app", "private": true, "scripts": { "build": "nuxt build", "dev": "nuxt dev", "generate": "nuxt generate", "preview": "nuxt preview", "postinstall": "nuxt prepare", "serve": "nuxt start" }, "devDependencies": { "@firebase/app-types": "^0.9.0", "@grpc/grpc-js": "^1.9.1", "@nuxt/devtools": "latest", "@types/node": "^18.17.3", "@vueuse/core": "^10.3.0", "@vueuse/nuxt": "^10.3.0", "firebase": "^10.3.0", "firebase-admin": "^11.10.1", "firebase-functions": "^4.4.1", "nuxt": "^3.6.5", "nuxt-vuefire": "^0.2.17", "vuefire": "^3.1.15", "vuetify-nuxt-module": "^0.5.7" }, "dependencies": {} }
// Nuxt config file import { defineNuxtConfig } from 'nuxt/config'
if (!process.env.NUXT_AUTH_PASSWORD) { console.warn('Security warning: NUXT_AUTH_PASSWORD is not set. Using an example value. Please set it otherwise your session is unsecure!'); process.env.NUXT_AUTH_PASSWORD = 'secretsecretsecretsecretsecretsecretsecret' }
export default defineNuxtConfig({ extends: [ './auth' ],
modules: [ '@vueuse/nuxt', 'vuetify-nuxt-module', 'nuxt-vuefire', ],
ssr: true,
vuefire: { config: { apiKey: "..", authDomain: "..", databaseURL: "..", projectId: "..", storageBucket: "..", messagingSenderId: "..", appId: "..", measurementId: ".." }, }, vuetify: { moduleOptions: { / module specific options / }, vuetifyOptions: { labComponents: true / vuetify options / } },
})