Urgent Help Needed: "Web Config" section missing in Firebase Settings, preventing Test Mode

Integrations

Hello FlutterFlow Community/Support Team,

I'm facing a very persistent and frustrating issue with my FlutterFlow project, and I've exhausted all troubleshooting steps I can think of. I desperately need to use Test Mode for my web app, but I'm blocked by a missing "Web Config" section.

The Problem: When I try to run my app in Test Mode (using the lightning bolt icon), I get the error message: "You need to set 'Firebase Web Config' in the Firebase Configuration page to use 'Debug Mode'"

However, when I navigate to Settings & Integrations > Firebase in FlutterFlow, the "Web Config" section is completely missing. It simply does not appear on the page, even after scrolling down.

What I've already done and confirmed:

  1. Firebase Project Connection: My FlutterFlow project is correctly connected to my Firebase project.

  2. Web Platform Enabled: I have confirmed multiple times that the "Web" platform is enabled in Settings & Integrations > Platforms. I have also tried toggling it off and on, saving, and restarting FlutterFlow.

  3. Firebase Web App Registered: In my Firebase Console , I have successfully added a Web App to my project. I have the JSON copied and ready to paste. (Initially, I only had an Android app listed, but I have since added the Web App as well).

  4. Used the "Wizard Hat" / Initial Setup: I clicked the "Wizard Hat" icon in the Firebase settings page in FlutterFlow, which led me to the "Project Setup Step 2/2: Setup Firebase (optional)" screen. However, this screen does not provide a field for "Web Config". I clicked "Start Building" to proceed.

  5. Refreshed Project/Browser: I have repeatedly closed and reopened the FlutterFlow project tab, and even my browser, to ensure a full refresh.

  6. Disconnected and Reconnected Firebase: As a last resort, I disconnected my Firebase project from FlutterFlow (using the "Remove" button) and then reconnected it using my Project ID. The "Web Config" section still did not appear after reconnection.

This issue is preventing me from testing my application. Any help or guidance on how to make the "Web Config" section appear would be greatly appreciated.

Thank you in advance!

What have you tried so far?
  1. Enabled "Web" Platform: I have repeatedly confirmed that the "Web" platform is enabled in Settings & Integrations > Platforms. I also tried toggling it off and on, saving, and restarting FlutterFlow.

  2. Verified Firebase Connection: My Firebase project is correctly connected to my FlutterFlow project.

  3. Registered Firebase Web App: In the Firebase Console, I have successfully added a Web App to my Firebase project. I have the firebaseConfig JSON copied and ready to paste. (Initially, I only had an Android app, but I have since added the Web App).

  4. Used the "Wizard Hat" / Initial Setup: I clicked the "Wizard Hat" icon in the Firebase settings page in FlutterFlow. This led me to the "Project Setup Step 2/2: Setup Firebase (optional)" screen, which confirms the project ID but does not provide a field for "Web Config". I clicked "Start Building" to proceed from that screen.

  5. Refreshed Project/Browser: I have continuously tried closing and reopening the FlutterFlow project tab, and even my browser, to ensure a full refresh.

  6. Disconnected and Reconnected Firebase: As a last resort, I disconnected my Firebase project from FlutterFlow (using the "Remove" button next to the Project ID) and then reconnected it. The "Web Config" section still did not appear after reconnection.

Despite all these steps, the "Web Config" section remains missing in Settings & Integrations > Firebase. This prevents me from pasting the necessary firebaseConfig and using Test Mode, as I keep getting the error: "You need to set 'Firebase Web Config' in the Firebase Configuration page to use 'Debug Mode'".

Did you check FlutterFlow's Documentation for this topic?
No
2