离子重新加载空白页

Question

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

例如我第一次加载我的应用程序时，它运行正常，在更改代码后，实时重新加载显示一个空白页面，然后它运行，然后是一个空白页面，依此类推。

如何找到这个问题的原因？我将其路由设置与一个有效项目（空白项目）的路由设置进行了比较，它们似乎工作相同。

当实时重新加载失败并显示空白页面时，Chrome DevTools 控制台或我的终端中没有显示任何错误。

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

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

我的app.component.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

尝试按 ctrl+f5 破坏缓存

当我将 v3 切换到 v4 或反之亦然时，我遇到了同样的问题

Answer 2

这是您的兑现问题以及您在

中加载的数据

app.component.ts

这是因为您的 component.ts

正在加载繁重的任务

Answer 3

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

至于为什么每次重新加载，我认为我的登录逻辑是每次我的自动登录代码运行.

时翻转一些布尔值 isAuthenticated 标志

离子重新加载空白页

Ionic Reload Blank Page

ionic-framework

angular

ionic4