Angular 6 Routing显示空白页没有错误

时间:2018-06-06 19:50:58

标签: angular angular-routing

我试图遵循Angular教程Angular Material Tutorial

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

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

没有错误,所以我不确定如何排除故障。

这是处于问题blank_page_problem on GitHub

的当前状态的项目

有什么想法吗? (如果您需要任何特定的文件视图,请告诉我。)

谢谢!

1 个答案:

答案 0 :(得分:0)

在app.component.ts中,您正在构造函数(){}中处理身份验证。
在ngOnInit(){}中执行此操作

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

在此之后它对我有用。

  

从' auth0-js';

导入*作为auth0
auth.service.ts中的

引发错误
TS7016:找不到模块的声明文件' auth0-js'。 添加

  

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

到package.json中的依赖项。检查一下 - auth0-js could not find a declaration file or module

路径:' '

enter image description here 路径:'仪表板'

enter image description here

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

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