title: How to fix signInWithPopup() about:blank pop up
body: <p>I'm trying out Firebase and its relative angular library angularfire2. All worked fine until i tried to add service workers and then deploy it to firebase (Before I deployied it on my personal website and it worked fine). Now, when I try to perform a Google login with the <em>signInWithPopup(provider)</em> a pop up opens but its blank and the page main reloads not completeng the method</p>
  
  <p>There are the snippets:</p>
  
  <p><strong>login-page.component.ts</strong></p>
  
  <pre><code>login() {
  this.authSvc.loginG().then(res =&gt; {
    this.authSvc.person.ref.where("id", "==", `${res.user.uid}`).get().then(snap =&gt; {
      if (snap.empty) {
        this.openDialog(res.user.email, res.user.uid);
      } else {
        this.router.navigateByUrl("/home");
      }
    })
  })
  .catch(error =&gt; {
    alert(error);
  })}
  </code></pre>
  
  <p><strong>auth.service.ts</strong></p>
  
  <pre><code>loginG() {
  let provider = new firebase.auth.GoogleAuthProvider();
  provider.addScope('profile');
  provider.addScope('email');
  return this.firebaseAuth
    .auth
    .signInWithPopup(provider)}
  </code></pre>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I diabled service workers and when i try to deploy it on my domain it works fine, but on firebase hosting and localhost(very strange) it keeps the error.</p>
  
  <p><strong>EDIT 2:</strong></p>
  
  <p>The problem can be fixed by removing the lazy loading and load the component directly, but if someone knows why this happen I would appreciate it :)</p>