Angular route.navigate未正确加载

Question

我正在为我的应用程序构建facebook登录，但是我在登录后以编程方式重定向到应用程序时遇到了问题。

我的AuthService内的登录代码是

const provider = new firebase.auth.FacebookAuthProvider()
return this.afAuth.auth.signInWithPopup(provider)
  .then((credential) => {
    this.authState = credential.user;
    this.router.navigate(['app','grade-tracking']);
  })
  .catch((error) => {
    console.log(error);
  })

上面的代码工作正常，并带我到所需的页面。但是，该页面看起来非常有趣，看起来组件和样式文件尚未加载。这是我的路线：

const appRoutes: Routes = [
  { path: '', redirectTo: '/app/grade-tracking', pathMatch: 'full' },
  {
      path: 'app', component: AppContainerComponent, children: [
         { path: 'grade-tracking', component: GradeTrackingComponent },
      ]
  },
  { path: 'login', component: LoginContainerComponent },
];

我可能在某个地方缺少进口产品吗？任何帮助赞赏！另外，我注意到如果我重定向页面（意思是相同的网址）后刷新页面，页面加载一切就好了！