Angular 与 Angular Universal 与 NGRX 商店

Question

使用 NGRX 的 Angular 与 Angular Universal 试图了解如何解决 Angular Universal 的 @ngrx/store-devtools 库。 我已经建立了这个项目，它是一个使用 Angular Universal 的 ng 种子项目。

它有一个语言切换器，但我似乎无法理解商店的运作方式。 Github项目: https://github.com/ng-seed/universal

在代码中你可以看到当你切换语言时有 reducer，但是在 devtools 中状态显示为空，所以无法理解它是如何推送到状态或如何管理状态。

Answer 1

你需要先设置 @ngrx/store-devtools 模块，我刚刚在那个种子项目上试过了，它工作正常。

1. 运行 npm i @ngrx/store-devtools --save 来安装模块。
2. 将 StoreDevtoolsModule.instrument() 添加到 CoreModule 中的末尾导入数组。
3. 重建并提供服务(npm run build:universal-dev && npm run serve)。