firebase-tools: Nuxt3 Error - Failed to find location of Firebase Functions SDK

@rensvis Sorry, I may have been unclear. Currently there are two tooling strategies to get a Nuxt 3 app on firebase and both don’t work properly:

1. If you do the tooling via nuxt3/nitro (as in your case), then the easiest way to deploy the app is to go to the .output/server folder and do npm install. Then you can use firebase deploy to publish the app. This solution is of course contrary to tracing by nitro and increases the package load. My fix for nitro would solve this problem though.
2. There is a new experimental tooling strategy using the cli from firebase. Here firebase does the tooling but there are still problems for nuxt 3 because nitro does a tracing of the packages and firebase uses npm. For this I also made a pull request (https://github.com/firebase/firebase-tools/pull/5490). Your firebase.json would look like this with this tooling strategy:

{
  "hosting": {
    "site": "rens-vis-nuxt",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "cleanUrls": true
  }
}

A function for nuxt would no longer need to be entered, as this would be handled by firebase cli. In my example I have only given another function folder as an example for further firebase functions. You can now simply use the firebase cli for building the app:

• firebase emulators:start
• firebase deploy

However, I still ran into a few problems that I’m trying to solve in my pull request.

I hope this helps to understand a little better what the current state of nuxt3 and firebase interaction is and what solutions are currently available.

Same here.

My config

{
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  },
  "hosting": {
    "public": ".output/public",
    "cleanUrls": true,
    "rewrites": [
      {
        "source": "**",
        "function": "server"
      }
    ],
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  },
  "functions": [
    {
      "source": ".output/server",
      "codebase": "default"
    }
  ]
}

And after running firebase deploy --debug

[2023-02-04T20:24:41.052Z] Building nodejs source
[2023-02-04T20:24:41.053Z] Could not find functions.yaml. Must use http discovery

Error: Failed to find location of Firebase Functions SDK. Please file a bug on Github (https://github.com/firebase/firebase-tools/).

This is also a Nuxt 3 setup, with present Firebase.

I was able to fix this, but all I did was delete my functions directory and do a firebase init --only functions and it fixed all the issues for me. Of course, I am also using codebases format so my firebase.json looks like so:

{
  "functions": [
    {
      "source": ".output/server",
      "codebase": "nuxt",
      "runtime": "nodejs16"
    },
    {
      "source": "functions",
      "codebase": "functions",
      "ignore": [
        "node_modules",
        ".git",
        "firebase-debug.log",
        "firebase-debug.*.log"
      ]
    }
  ],
  "hosting": [
    {
      "site": "<removed>",
      "predeploy": "npm run build", // <---- I added this 
      "public": ".output/public",
      "cleanUrls": true,
      "rewrites": [
        {
          "source": "**",
          "function": "server"
        }
      ]
    }
  ]
}

This bug is a tracing error in unjs/nitro. It may be possible to fix this with a different packaging strategy on the firebase side but I don’t know about that. I have already made a fix for nuxt: https://github.com/unjs/nitro/pull/627

In addition, you can now also use the following firebase config:

{
  "functions": [{
    "source": "./functions",
    "runtime": "nodejs18",
    "codebase": "fbFunctions"
  }],
  "hosting": [
    {
      "site": "nuxt-app",
      "source": "./app",
      "cleanUrls": true,
      "rewrites": [
        {
          "source": "/any-function",
          "function": "testfunction"
        }
      ]
    }
  ]
}

If you specify the nuxt app folder under “source”, then firebase builds the app and that works fine for me.