Nuxt + firebase deployment for web frameworks failing.

[Rohithgilla12]

[REQUIRED] Environment info

firebase-tools:

Platform: macOS

[REQUIRED] Test case

When deploying a nuxt app to use firebase hosting, the deployment is successful but the app would resolve to

Deployed domain https://delete-me-fe49e.web.app/

[REQUIRED] Steps to reproduce

• Initialise the nuxt project with npx nuxi init firebase-nuxt
• pnpm i or yarn or npm
• firebase init hosting
• firebase deploy

When in the interactive firebase deploy command, it asked for choosing regions for hosting, it asked if the project that is detected is nuxt or not. I did answer em right.

[REQUIRED] Expected behavior

The app is deployed and I see my nuxt app.

[REQUIRED] Actual behavior

Getting a 404 error.

[aalej]

Hi @Rohithgilla12. Apologies for the delay, and thanks for providing detailed steps on how to reproduce the issue. I was able to replicate the behavior you mentioned. That said, I’ll notify our team about this so that they can take a look. One thing I noticed is that when using firebase-tools v12.1.0, I did not encounter any issues deploying.

[Rohithgilla12]

@aalej

Did the similar steps with firebase tools version 12.1.0

Output of the console

Output of the web app

Sometimes this

Link for the deployed site https://delete-me-fe49e.web.app

[ekwus]

Hey

I've got the exact same issue, however downgrading to 12.1.0 didn't solve it for me. Everything working in the dev mode but also doesn't work in the emulator.

Additional bit of info is that the 404 Not Found page has the Nuxt favicon.ico so in part it is working

Cheers

Dave

[leoortizz]

@Rohithgilla12 @ekwus are you guys still having this issue with the latest firebase-tools version?

[ekwus]

Hey

At the time I had to using Nuxt 2 for that project (if I remember correctly). With more recent projects I've moved away from this approach as Nitro now has Firebase built in as platform and firebase deploy has been working fine.

Cheers

Dave