角度通用闪烁

Joh*_*doe 6 angular-universal angular

我在加载网站时出现闪烁。来自服务器的 HTML 被下载,然后在 UI 中呈现视图,并且在转换之间有一个小的闪烁。

我设法通过添加来修复它:

RouterModule.forRoot([ // ROUTES HERE ], { initialNavigation: 'enabled' })
Run Code Online (Sandbox Code Playgroud)

但我想知道为什么会这样?因为组件的懒加载?所以我们在 UI(角度组件)构建 DOM 的过渡之间出现了闪烁?假设我有一个“轻”组件,闪烁会更快?

小智 1

我也遇到了这个问题,但遗憾的是对我来说,initialNavigatin 没有帮助。但是,无论如何,您可以在此 github 问题中找到“为什么”发生这种情况的详细信息: https: //github.com/angular/angular/issues/15716

确认的。在我的应用程序中,所有路由都是延迟加载的,使用具有默认 ViewEncapsulation 的 css,并且 Angular 开始使用浏览器中的 ng-transition 删除标签,此过程大约需要一秒钟。引导程序完成后,它会添加回样式。这是它的样子http://take.ms/1wizt

希望这可以帮助您理解,我仍在尝试在我的应用程序上解决这个问题