Polymer 入门套件的 Firebase 身份验证错误
Firebase Authentication Error with Polymer Starter Kit
我正在尝试使用 polymer-fire 元素来管理我网站上的登录，该网站是使用 Polymer Stater Kit 构建的。单击按钮时，将在 firebase-auth 元素上调用 signInWithPopup 方法。虽然随后出现了弹窗，但是弹窗中打开的link是错误的，导致404错误。
因为我不知道是什么原因导致了错误，所以我创建了一个 git repository，您可以在其中查看我的代码并尝试一下
如果您阅读了来自 https://beta.webcomponents.org/element/firebase/polymerfire/firebase-auth it tell that you need to be carefull not to intercept request with prefix __ on your service worker if you using Firebase hosting to deploy your app. I put ignoreUrlParametersMatching:[/^__/] in my sw-precache-config.js like describe here https://github.com/GoogleChrome/sw-precache#ignoreurlparametersmatching-arrayregex
的描述
也尝试从不同的浏览器访问您的网站。或者重新启动浏览器。当我像你一样在 Chrome 上失败后在 Canary 中尝试它时，它对我有效。
解决方案实际上是将以下行添加到 sw-precache-config.js：
navigateFallbackWhitelist: [/^(?!\/__)/, ' /getProjectConfig/'],
这可以防止 service worker 试图拦截授权请求。
我正在尝试使用 polymer-fire 元素来管理我网站上的登录，该网站是使用 Polymer Stater Kit 构建的。单击按钮时，将在 firebase-auth 元素上调用 signInWithPopup 方法。虽然随后出现了弹窗，但是弹窗中打开的link是错误的，导致404错误。
因为我不知道是什么原因导致了错误，所以我创建了一个 git repository，您可以在其中查看我的代码并尝试一下
如果您阅读了来自 https://beta.webcomponents.org/element/firebase/polymerfire/firebase-auth it tell that you need to be carefull not to intercept request with prefix __ on your service worker if you using Firebase hosting to deploy your app. I put ignoreUrlParametersMatching:[/^__/] in my sw-precache-config.js like describe here https://github.com/GoogleChrome/sw-precache#ignoreurlparametersmatching-arrayregex
也尝试从不同的浏览器访问您的网站。或者重新启动浏览器。当我像你一样在 Chrome 上失败后在 Canary 中尝试它时，它对我有效。
解决方案实际上是将以下行添加到 sw-precache-config.js：
navigateFallbackWhitelist: [/^(?!\/__)/, ' /getProjectConfig/'],
这可以防止 service worker 试图拦截授权请求。