NGXS Devtools不代表当前状态

所以我开始使用NGXS,通过Redux Devtools检查我的商店有一些困难

NGXS has devtools package Redux Devtools Extension .

AppModule 进口:

imports: [
  NgxsModule.forRoot([ProjectState, AuthState], {developmentMode: true}),
  ...
  NgxsReduxDevtoolsPluginModule.forRoot(),
]

关于我的 AuthState

export class AuthState implements NgxsOnInit {

    constructor(private auth: AuthService) {}

    ngxsOnInit({dispatch}: StateContext<AuthStateModel>) {
      console.log('State initialized, now getting auth');
      dispatch(CheckAuthSession);
    }

    @Action(CheckAuthSession)
    checkSession({patchState}: StateContext<AuthStateModel>) {
      return this.auth.user$.pipe(
        tap((user) => patchState({initialized: true, user: user})),
      );
    }

当我在Google Chrome上打开控制台时,我得到了

console.log('State initialized, now getting auth')

并加载Auth属性。不过,在Redux Devtools上,我只看到:

• 行动 CheckAuthSession 没有被派遣
• auth.initialized false 即使当我用控制台记录它时 true .

之前 行动。我不确定这种行为是否正确。

当我加上 take(1) 管道在 tap checkSession 方法,它不知怎么起作用。我不知道为什么。