在显示页面之前，有角度的白屏会出现一到两秒钟答案

【问题标题】：Angular, white screen appears for one or two seconds before displaying the page在显示页面之前，有角度的白屏会出现一到两秒钟
【发布时间】：2017-07-22 19:30:19
【问题描述】：

我是 Angular 4 的新手。我创建了一些组件：

主页组件
关于组件
新闻组件
Cpntact组件

我已将bootstrap template 应用于我的第一个项目。

我没有错误，但问题是当我在 page 之间导航时，在显示页面之前会出现白屏 1 或 2 秒。

index.html

<body>
    <app-root></app-root>
</body>

这是 app.component.html

<app-nav-bar></app-nav-bar>

<router-outlet></router-outlet>

<app-footer></app-footer>

项目结构

例如，我在首页：

当我点击链接 about 时，这个白色屏幕会出现 1 或 2 秒：

然后页面就显示出来了：

【问题讨论】：

标签： angular

【解决方案1】：

这是典型的 Angular 行为，尤其是在使用 JIT 编译的开发中，因为它是一个非常重量级的框架。如果你使用 AOT 编译和 Webpack 之类的打包器，问题就会大大减少。您可能仍会注意到启动应用时会出现短暂的延迟，但您可以根据需要添加加载屏幕。

【讨论】：

问题是我忘记在这样的链接中添加“routerLink”，例如

【解决方案2】：

问题是我忘记在链接中添加 "routerLink" ，例如：

<a routerLink="contact">

【讨论】：