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

【问题标题】：Angular 6 Routing Shows Blank Page no errorsAngular 6 路由显示空白页面没有错误
【发布时间】：2018-11-16 14:47:10
【问题描述】：

我正在尝试学习 Angular 教程 Angular Material Tutorial

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

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

没有错误，所以我不知道如何排除故障。

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

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

谢谢！

【问题讨论】：

【解决方案1】：

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

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

之后它对我有用。
还有

从'auth0-js'导入* as auth0;

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

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

路径：''

路径：“仪表板”

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

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

【讨论】：