Question

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

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

我没有错误，但问题是当我在页面之间导航时，在显示页面之前会出现白色屏幕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>

项目结构

例如，我在主页：

当我点击链接时，此白色屏幕显示1或2秒：

然后显示页面：

Answer 1

这是典型的Angular行为，特别是在使用JIT编译的开发中，因为它是一个非常重量级的框架。如果使用AOT编译和像Webpack这样的捆绑器，问题就会大大减少。您可能仍会注意到引导应用程序的短暂延迟，但如果需要，您可以添加加载屏幕。

Answer 2

问题是我忘了在这样的链接中添加＆＃34; routerLink＆＃34; ，例如：

<a routerLink="contact">