Cannot find module './call-credentials' issue

[subinznz]

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 */
}
},

})

[xeonicca]

also need help with this
i cloned the repo https://github.com/posva/nuxt--vuefire-example-blaze-plan
changed .firebaserc and firebase related keys in nuxt.config.ts

when started the dev server, same error appears

Cannot find module './call-credentials' Require stack: - C:\Users\Steven\Workspace\nuxt-vuefire-demo2@grpc\grpc-js
at Module.resolveFilename (node:internal/modules/cjs/loader:1077:15)
at Module.load (node:internal/modules/cjs/loader:922:27)
at Module.require (node:internal/modules/cjs/loader:1143:19)
at require (node:internal/modules/cjs/helpers:110:18)
at C:\Users\Steven\Workspace\nuxt-vuefire-demo2@grpc\grpc-js:20:28
at ViteNodeRunner.directRequest (/C:/Users/Steven/Workspace/nuxt-vuefire-demo2/node_modules/.pnpm/[email protected]@types[email protected]/node_modules/vite-node/dist/client.mjs:341:11)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async ViteNodeRunner.cachedRequest (/C:/Users/Steven/Workspace/nuxt-vuefire-demo2/node_modules/.pnpm/[email protected]@types[email protected]/node_modules/vite-node/dist/client.mjs:197:14)
at async ViteNodeRunner.dependencyRequest (/C:/Users/Steven/Workspace/nuxt-vuefire-demo2/node_modules/.pnpm/vite-node@0.33.0_@types[email protected]/node_modules/vite-node/dist/client.mjs:231:12)
at async C:\Users\Steven\Workspace\nuxt-vuefire-demo2@firebase\firestore:8:31

[antoniputra]

any update on this?

[subinznz]

Remove all your b other dependencies I was using an incompatible vuetify module at the time. It has since been updated and now working with vuefire

[antoniputra]

Thanks so much, it works! 🙏

[subinznz]

Can you list which module didn’t work

[antoniputra]

I've been working with Nuxt UI, instead remove all dependencies as you suggested above, I just re-create the project and suddenly works.

[antoniputra]

What steps I did:

1. Re-create nuxt by npx nuxi
2. Install vuefire as shown on official docs
3. Configured vuefire with my Firebase and service-account.json
4. Tested it by npm run dev and npm run build. Works.
5. Install and Configure Nuxt UI
6. Re-test. all works