I have a Flutter web app with two Firebase projects: ‘myapp’ and ‘myapp-dev’. Until now, my project had two main files, main.dart and main_prod.dart, each containing the following code for the web configuration of the associated Firebase project:

I am making a website by using Flutter but I am facing a problem when I deploy the website using Firebase hosting this screen is facing me

I am experiencing an issue with Firebase Hosting of my Flutter App.
I have set up Firebase Hosting like described in the Documentation. When I deploy the Project with this firebase.json – file it works like intended.

I have a flutter web app that runs locally on my machine when I give the command:

I have been using flutter and firebase for about 2 years now, and in the past 3 weeks deployed 4 websites, and with my current project when i deploy the screen is blank , and i am getting weird errors on my console that has to do with promises , here is one of my recently deployed “blank apps” – https://inkanyezitravelings.web.app/ , I saw flutter had a update in their web boilarplate and might suggest that has maybe something to do with it, but im at a loss here :

Context:

I want to host my flutter web app with Firebase Hosting. I followed the same process as for my other projects: