Angular 角度通用:闪烁和样式

Angular 角度通用:闪烁和样式,angular,angular-universal,Angular,Angular Universal,我使用的是angular cli 1.5、angular 5.0和angular universal 当使用服务器端渲染时,我注意到当客户端接管时会出现一些闪烁 导入路由模块时,我已经指定了{initialNavigation:'enabled'} 它什么时候能来?另外,我尝试从服务器包中删除所有样式,但没有帮助。。。顺便说一句,真的需要它吗?我的解决方案是使用TransferState API,它可以防止闪烁 感谢app.module.ts中的@wassertim将以下内容添加到您的导入中:

我使用的是angular cli 1.5、angular 5.0和angular universal

当使用服务器端渲染时,我注意到当客户端接管时会出现一些闪烁

导入路由模块时,我已经指定了{initialNavigation:'enabled'}


它什么时候能来?另外,我尝试从服务器包中删除所有样式,但没有帮助。。。顺便说一句,真的需要它吗?

我的解决方案是使用TransferState API,它可以防止闪烁


感谢
app.module.ts
中的@wassertim

将以下内容添加到您的
导入中:
数组:

BrowserModule.withServerTransition({appId: 'your-app-id-here'}),
BrowserTransferStateModule
ServerTransferStateModule
app.server.module.ts
中,将以下内容添加到
导入中:
数组:

BrowserModule.withServerTransition({appId: 'your-app-id-here'}),
BrowserTransferStateModule
ServerTransferStateModule

你使用TransferState API吗?@wassertim:是的,这确实是个问题,thanks@David你解决问题了吗?我有同样的问题,但我不知道如何解决它。服务器返回正确的HTML,但客户端再次重建,所以我有闪烁/闪烁。@psalkowski:是的,transferstate api解决了问题。你能回答这个问题吗@Rakeschand我为你发布了一个详细的答案,它适用于angular 5而不是angular 4,尽管我已经更新了我的应用程序,所以它现在可以工作了,谢谢