error on polymer build es6-bundled

[Joel-hanson]

hi,
i have developed a site with polymer 2.0 (portfolio site) and i found the i have been running into a error showing
link of image

Uncaught TypeError: Cannot read property 'length' of undefined
    at Ss.o.dispatchEvent ((index):23)
    at _s ((index):23)
    at Ss.wf ((index):23)
    at Ss.ne ((index):23)

but when i run without build it works perfectly the reason of the cause produces from line return this.$.auth.signInWithPopup()
i think that it is due to the "js": {"minify": true}, "html": {"minify": true} in polymer build.

[ava007]

I have the same issue. see Login at https://www.41max.com

[NicolasRannou]

+1

[Joel-hanson]

It comes from the js minify of polymer build so i removed it and done all the other minify like the html and css, and for js i used gulp minify-inline and gulp minify to reduce the size of the site. Even though it does not give that much of compression in inline js like the js minify in polymer build but it give a bit relief.

[alan-strohm]

I was able to work around this by reverting to version 2.0.0 of polymerfire.

[Joel-hanson]

+1

[oliver92]

+1

[chwzr]

Just open all files in the polymerfire folder with a -script ending.. and replace the imports with the ref from the google cdn..

<script src="https://www.gstatic.com/firebasejs/4.1.3/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.1.3/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.1.3/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.1.3/firebase-messaging.js"></script>

each line in there own file.. now minify does not minify the already minified firebase-scripts...
as an advantage you get faster page-load time because the scripts at cdn are g-zipped and pushed via http/2 I think.

[Joel-hanson]

it works but cannot give the efficiency of being a web app sending more request will cost more time and data.

[chwzr]

more data? It is smaller than the version in this repo plus it even uses only one request channel and the browser caches that script - its only loaded once. At mine it decreases the load time 0.1 second if I switch this lines to src at CDN. The only bad is when you use it on a offline app ( like cordova and you are offline...)

[ralcar]

Any fixes for this yet? This has been like this for a very long time now.

Using Polymer-CLI and choosing the starter kit with PRPL pattern, then just bower installing polymerfire and using the default example of "firebase-app" and "firebase-auth" does not work still, the most simplest of actions to get started.

Right now I have to do js: {minify:false} in polymer.json, and then add the line "navigateFallbackWhitelist: [/^(?!/__)/]" in sw-precache-config.js (to get serviceworker working with firebase auth) just to get a site running on firebase. Is this on the polymer-cli tool or on firebase to fix?

How are not more people getting stopped in the first step by this? Finding these threads and doing workarounds should not be a requirement just to get the first step of Polymer + Firebase +Polymerfire working.

Sorry for the tone, just a bit surprised that this is not fixed yet. I really want Polymer/Firebase/Polymerfire to grow so i can make my job move over to it :D

[Protoss78]

Having the same problem. Thanks for the workaround.

[eduardosada]

I have the same problem and using the CDN is not an option for me :(

Also the workarounds don't solve the problem for me :-(
Only reverting to version 2.0.0 of polymerfire leads to a working solution. But new possibilities such as .onCreate in Cloud Functions aren't available in version 2.0.0.

[unionthugface]

Any movement on this?

[tjmonsi]

The problem here really is that (if I guess it right) minify deletes part of the code that is needed in Firebase. Best bet is to ask the guys in the firebase team in the firebase repo to check on this.

@mbleigh ? Who can we ask?