15. Deploy your web app to Firebase Hosting

[AndreSand]

Hi, it looks like in the CodeLab: Multi-platform Firestore Flutter, step 15 is missing this command firebase init hosting.

https://codelabs.developers.google.com/codelabs/friendlyeats-flutter?hl=en&continue=https%3A%2F%2Fcodelabs.developers.google.com%2F%3Fcat%3Dflutter#14

Commands:

1. flutter build web
2. firebase init hosting
   3. firebase deploy --only hosting

If we don't run the command firebase init hosting we get the below error:

Target dart2js failed: Exception: Error: FileSystemException: Cannot open file, path =
--
/Users/asandoval/dev/flutter/friendlyeats-flutter/.dart_tool/flutter_build/ed4fd20d65140e369640cdfbaae21d2e/app.dill
(OS Error: No such file or directory, errno = 2)

Thanks,
Andres

[megataps]

Thanks @AndreSand. You saved the day.

[ditman]

This is a very good point @AndreSand, thanks for reporting! There's a new process for publishing codelabs that I need to look into, but I'll add the firebase init hosting command ASAP.

In the meantime, I'll leave this issue open so others can find it.

[pingbird]

I suspect the firebase.json is missing an extra &, causing both the clean and build commands to run concurrently:

codelab-friendlyeats-flutter/firebase.json

Line 3 in 903643c

"predeploy": "flutter clean & flutter build web",

[AndreSand]

@megataps @ditman Thank you for creating the CodeLab tutorial! I was able to follow the tutorial to create this demo app: https://happy-hour-san-jose.web.app/#/

[pescamillam]

Thank you @AndreSand indeed they are missing that step, I also see some errors like they mention develop section where it should be Build and database where it should be Cloud Firestore, thanks for reporting this, I wonder why they haven't updated it

[domesticmouse]

Thanks for the report. An update is in progress.

[j-vasil]

I had a difficult time getting this step working. This surprised me because when I ran the Firebase web codelab "Friendly Chat" last week, deploying the app went very smoothly. Anyhow, I think the main issue was my answers to the 'firebase init hosting' prompts. I tried several different things for the "public directory" directory and only after comparing my directory tree to the 'done' branch did I realize that the 'build' dir was built during the deployment. Anyhow, here are the details of what I did to get it working in case it helps others or is deemed worthy of being added to the instructions:

**\friendlyeats-flutter2> flutter clean # Suggested by earlier comments in this issue (9)
**\friendlyeats-flutter2> flutter build web
Building without sound null safety # See issue 15
**\friendlyeats-flutter2> firebase init hosting
? Are you ready to proceed? (Y/n) y
? What do you want to use as your public directory? (public) build\web # <- The ans I got wrong multiple times!
? Configure as a single-page app (rewrite all urls to /index.html)? (y/N) n
? Set up automatic builds and deploys with GitHub? (y/N) n
? File build\web/404.html already exists. Overwrite? (y/N) y # Odd since I did a 'flutter clean'. Maybe n would have worked too?
? File build\web/index.html already exists. Overwrite? (y/N) n
**\friendlyeats-flutter2> firebase deploy --only hosting

Any suggestions for the proper answer to the two 'overwrite?' questions?