pwa-demo | Progressive Web Apps demo for my talk at WebExpo | Progressive Web Application library

After days of frustration, it works. Apparently.

TL;DR

What I did is updating polymerfire and omitting the name attribute from any firebase element.

Explanation

Looking at this, it seems firebase initializes the app in __computeApp method and name is an optional variable but will be used in initialization if it is provided. Ignore it and everything should be okay. In my case, it works both for , , and (for pushing data, because i'm still stuck in using firebase-query for fetching data)

While it works in my case, it might not necessarily the right solution. It might not work in your case. It took me days to figure it out so for those who are in similar problems, one of these might help:

1. Inspect firebase query attribute. Refer to this
2. Try import polymerfire/polymerfire.html in the same html file where is declared. Refer to this
3. Update polymerfire. Simply uninstall and reinstall it might solve the case (for those with outdated version of polymerfire)
4. Omit name attribute from any firebase element. I know my is successfully initialized when I type firebase.database() in browser console, it doesn't give error anymore.

Hope it helps.