问刷新页面时会丢失有关用户的信息？Angular 2+ NgRx商店

EN

  getState: Observable<any>;
  isAuthenticated: false;
  user = null;
  errorMessage = null;
  globalisAuthenticated = null;
  constructor(public dialog: MatDialog, private store: Store<AppState>) {
    this.getState = this.store.select(selectAuthState);
   }
  ngOnInit() {
    this.getState.subscribe((state) => {
      this.isAuthenticated = state.isAuthenticated;
      this.user = state.user;
      this.errorMessage = state.errorMessage;
      // console.log("is" , this.isAuthenticated)
      localStorage.setItem("isAuthenticated", state.isAuthenticated);
    });

export interface State {
  // is a user authenticated?
  isAuthenticated: boolean;
  // if authenticated, there should be a user object
  user: User | null;
  // error message
  errorMessage: string | null;
}

export const initialState: State = {
  isAuthenticated: false,
  user: null,
  errorMessage: null
};

    export function reducer(state = initialState, action: All): State {
      switch (action.type) {
        case AuthActionTypes.LOGIN_SUCCESS: {
          return {
            ...state,
            isAuthenticated: true,
            user: {
              token: action.payload.token,
              email: action.payload.email
            },
            errorMessage: null
          };
        }
        case AuthActionTypes.LOGIN_FAILURE: {
          return {
            ...state,
            errorMessage: 'Incorrect email and/or password.'
          };
        }
        default: {
          return state;
        }
      }
    }

  @Effect()
LogIn: Observable<any> = this.actions
  .ofType(AuthActionTypes.LOGIN)
  .map((action: LogIn) => action.payload)
  .switchMap(payload => {
    return this.authService.logIn(payload.email, payload.password)
      .map((user) => {
        console.log(user);
        return new LogInSuccess({token: user.token, email: payload.email});
      })
      .catch((error) => {
        console.log(error);
        return Observable.of(new LogInFailure({ error: error }));
      });
  });

  @Effect({ dispatch: false })
LogInSuccess: Observable<any> = this.actions.pipe(
  ofType(AuthActionTypes.LOGIN_SUCCESS),
  tap((user) => {
    console.log("User",  user);
    localStorage.setItem('token', user.payload.token);
    this.snackBar.open("Uspesno ste ste prijavili.", null, {
      duration: 5000,
      verticalPosition: 'bottom',
      horizontalPosition: 'right'
   });
  })
);

export interface AppState {
  authState: auth.State;
}

export const reducers = {
  auth: auth.reducer
};

export const selectAuthState = createFeatureSelector<AppState>('auth');

  import { StoreModule, ActionReducerMap, ActionReducer, MetaReducer } from '@ngrx/store';
  import { localStorageSync } from 'ngrx-store-localstorage';
  import { reducers } from './reducers';


  // const reducers: ActionReducerMap<IState> = {todos, visibilityFilter};

  export function localStorageSyncReducer(reducer: ActionReducer<any>): ActionReducer<any> {
    return localStorageSync({keys: ['todos']})(reducer);
  }
  const metaReducers: Array<MetaReducer<any, any>> = [localStorageSyncReducer];