Angular Ionic 4页面未在导航上更新

我在离子4上使用角度7导航时遇到问题。url会在url栏上更改，但实际上不会更新页面。这是我的应用程序组件html：

    <ion-app>
     <ion-split-pane [when]="authenticated">
        <ion-menu class="menu menu-left" *ngIf="authenticated">
            <ion-header>

            </ion-header>

            <ion-content class="scroll-content ionic-scroll has-header">
                <ion-list>
                    <ion-item class="item-icon-left menu-item item-complex">
                        <a routerLink="/home">
                            <ion-icon name="home"></ion-icon>
                            Home
                        </a>
                    </ion-item>
                </ion-list>

                <ion-fab vertical="bottom" horizontal="start" color="light">
                    <ion-fab-button routerLink="/settings"><ion-icon name="settings"></ion-icon></ion-fab-button>
                </ion-fab>
            </ion-content>
        </ion-menu>
        <ion-router-outlet main></ion-router-outlet>
    </ion-split-pane>
</ion-app>

这是我的app-routing.module.ts：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import {AuthGuardService} from './services/auth/auth-guard.service';

const routes: Routes = [
  { path: '', redirectTo: 'home', pathMatch: 'full', canActivate: [AuthGuardService] },
  { path: 'test', loadChildren: './pages/test/test.module#TestPageModule', canActivate: [AuthGuardService] },
  { path: 'home', loadChildren: './pages/home/home.module#HomePageModule', canActivate: [AuthGuardService] },
  { path: 'login', loadChildren: './pages/login/login.module#LoginPageModule' },
  { path: 'register', loadChildren: './pages/register/register.module#RegisterPageModule' },
  { path: 'profile', loadChildren: './pages/profile/profile.module#ProfilePageModule', canActivate: [AuthGuardService] },
  { path: 'settings', loadChildren: './pages/settings/settings.module#SettingsPageModule', canActivate: [AuthGuardService] },

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

---

我注意到，在我的global.scss文件中，我之前注释掉了

@import“~@ionic/angular/css/core.css”行。取消对这行的注释修复了问题。
我注意到在我的global.scss文件中，我以前注释掉了
@import“~@ionic/angular/css/core.css”行。取消对这行的注释修复了问题。
谢谢你救了我一天。我从爱奥尼亚3升级到爱奥尼亚5。我不小心删除了global.scss文件导入，并将爱奥尼亚3 app.scss数据移动到了全局文件中。谢谢你帮我省下了时间。我从爱奥尼亚3升级到爱奥尼亚5。我不小心删除了global.scss文件导入，并将ionic 3 app.scss数据移动到了全局文件中。
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import {AuthGuardService} from './services/auth/auth-guard.service';

const routes: Routes = [
  { path: '', redirectTo: 'home', pathMatch: 'full', canActivate: [AuthGuardService] },
  { path: 'test', loadChildren: './pages/test/test.module#TestPageModule', canActivate: [AuthGuardService] },
  { path: 'home', loadChildren: './pages/home/home.module#HomePageModule', canActivate: [AuthGuardService] },
  { path: 'login', loadChildren: './pages/login/login.module#LoginPageModule' },
  { path: 'register', loadChildren: './pages/register/register.module#RegisterPageModule' },
  { path: 'profile', loadChildren: './pages/profile/profile.module#ProfilePageModule', canActivate: [AuthGuardService] },
  { path: 'settings', loadChildren: './pages/settings/settings.module#SettingsPageModule', canActivate: [AuthGuardService] },

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }