“从不”类型上不存在属性“有效负载”

Question

I use ngrx in my Angular app.

How to fix the error Property 'payload' does not exist on type 'never'.

// auth.effects.ts

 effectLogInSuccess$ = createEffect(
    () =>
      this.actions$.pipe(
        ofType(AuthActionTypes.LOGIN_SUCCESS),
        tap((user) => {
          console.log(user);
          localStorage.setItem('token', user.payload.token);
          this.router.navigateByUrl('/');
        })
      ),
    { dispatch: false }
  );

// auth.actions.ts

export const actionLogInSuccess = createAction(
  AuthActionTypes.LOGIN_SUCCESS,
  props<{ payload: any }>()
);

Answer 1

Solution 1 : to pass authActions.actionLogInSuccess inside ofType operator

// auth.effects.ts

 effectLogInSuccess$ = createEffect(
    () =>
      this.actions$.pipe(
        ofType(authActions.actionLogInSuccess),
        tap((action) => {
          console.log(action);
          localStorage.setItem('token', action.payload.token);
          this.router.navigateByUrl('/');
        })
      ),
    { dispatch: false }
  );

Solution 2 : to provide a type for action parameter

// auth.effects.ts

 effectLogInSuccess$ = createEffect(
    () =>
      this.actions$.pipe(
        ofType(AuthActionTypes.LOGIN_SUCCESS),
        tap((action: any) => {
          console.log(action);
          localStorage.setItem('token', action.payload.token);
          this.router.navigateByUrl('/');
        })
      ),
    { dispatch: false }
  );