Ionic Firebase持久性身份验证中断视图

Question

我有一个使用Firebase的登录系统，最近我实现了Firebase Persistant Auth，以使用户保持登录状态。

这是代码 我在AppComponent中拥有的

export class AppComponent implements OnInit {
  constructor(
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
    private router: Router,
    private navCtrl: NavController
  ) {

  }
ngOnInit() {
  this.initializeApp();
}
  initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
    });

    firebase.auth().onAuthStateChanged((user) => {
      if (user) {
        this.router.navigate(['/dashboard']); // to the page where user navigates after login     
        // User is signed in.
      } else {
        this.router.navigate(['/login']); // to the login page as user is not logged in
      }
    });
  }
}

但是，这段代码破坏了我的“仪表板”页面中的“查看组件”，某些文本无法更新，按钮也无法正常工作。

如果我删除了代码，那么一切正常，但是当然我需要手动登录。

对此有什么解决办法吗？