Angular 6 路由显示空白页面没有错误

Question

我正在尝试遵循 Angular 教程 Angular Material Tutorial

最初，我在添加路由后得到一个空白页面。我通过将路由直接添加到 app.module.ts 文件而不是在单独的路由模块中来修复此问题。（我遵循了不同的路由教程来解决这个问题，但我不确定为什么这有帮助）。

现在，我添加了身份验证，然后返回到空白页面。

没有错误，所以我不确定如何解决问题。

这是存在问题的当前状态的项目blank_page_problem on GitHub

有什么想法吗？（如果您需要任何特定的文件视图，请告诉我。）

谢谢！

Answer 1

在您的 app.component.ts 中，您在 constructor() {} 中处理身份验证。
在 ngOnInit() 中执行此操作 {}

export class AppComponent implements OnInit {
  constructor(public auth: AuthService) {}
  ngOnInit() {
    this.auth.handleAuthentication();
  }
}

在此之后它对我有用。
还有

import * as auth0 from 'auth0-js';

在 auth.service.ts 中抛出错误
TS7016：找不到模块 'auth0-js' 的声明文件。 添加

"@types/auth0-js": "^8.11.2",

路径：' '

路径：'dashboard'

您没有对仪表板路由进行身份验证

<a mat-list-item
  routerLink="/dashboard">
  <mat-icon class="icon">dashboard</mat-icon>  
  <span class="label">Dashboard</span>
</a>

Angular 6 Routing Shows Blank Page no errors