离子重装空白页

Question

在为我的Ionic应用程序提供服务时，每次偶数刷新都是一个空白页。

E、 g.我第一次加载我的应用程序时，它可以工作，并且在更改代码后，live reload会显示一个空白页，然后它可以工作，然后是一个空白页，依此类推。

我如何找到原因？我将它的路由设置与一个有效的项目（空白项目）的路由设置进行了比较，它们似乎都是一样的。

当它无法实时重新加载并显示空白页面时，Chrome DevTools控制台或my terminal中不会显示任何错误。

使用以下任何命令为应用程序提供服务时会发生这种情况：

ionic serve
ionic cordova run android -l
ionic serve --devapp

我的应用程序。组成部分ts：

import { Component } from '@angular/core';

import { Platform } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss']
})
export class AppComponent {
  public appPages = [
    {
      title: 'Home',
      url: '/home',
      icon: 'home'
    },
    {
      title: 'List',
      url: '/list',
      icon: 'list'
    }
  ];

  constructor(
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar
  ) {
    this.initializeApp();
  }

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

Answer 1

这是一个路由问题。我的空路径重定向到我的仪表板，仪表板上有一个与之关联的AuthGuard。AuthGuard会拒绝我的导航，给我留下一个空白页面。

至于为什么每次重新加载，我想我的登录逻辑是每次自动登录代码运行时，都会翻转一些布尔的isAuthenticated标志。

Answer 2

这是你的现金问题，你在你的

app.component.ts代码

这是因为在组件中加载了繁重的任务。ts

Answer 3

尝试按ctrl f5键以取消缓存

我有同样的问题，特别是当我将v3切换到v4或反之亦然时