Angular 通用：闪烁和样式

Question

我正在使用 angular cli 1.5、angular 5.0 和 angular 通用版。

使用服务器端呈现时，我注意到客户端接管时出现一些闪烁。

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

它什么时候来的？此外，我尝试从服务器包中删除所有样式，但它没有帮助...是否真的需要顺便说一句？

Answer 1

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

谢谢@wassertim

Answer 2

在 app.module.ts 中将以下内容添加到您的 imports: 数组中：

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

在 app.server.module.ts 中将以下内容添加到您的 imports: 数组中：

ServerTransferStateModule

Angular universal: flickering and styles