Amplify Gen 2+Angular17：应用重载后登录提示已存在登录用户

• 检查Auth状态同步逻辑
  Angular热重载后，Amplify内存中的用户状态可能与本地存储不一致，导致登录冲突。在应用初始化时添加状态校验与清理：

// app.component.ts 或核心初始化服务
import { Auth } from '@aws-amplify/auth';

ngOnInit() {
  Auth.currentAuthenticatedUser({ bypassCache: false })
    .catch(() => Auth.signOut({ global: true }));
}

该代码会验证当前会话有效性，若存在无效会话则强制全局登出，消除冲突根源。

• 调整存储配置
  默认localStorage会保留会话至手动清除，改用sessionStorage可在页面重载后自动清理会话：

// main.ts 或 Amplify 初始化文件
import { Amplify } from 'aws-amplify';
import outputs from './amplify_outputs.json';

Amplify.configure(outputs, {
  Auth: {
    storage: window.sessionStorage,
    tokenRefreshThreshold: 300 // 提前5分钟刷新令牌，避免过期会话残留
  }
});

• 订阅Auth状态变化
  确保组件在热重载后仍能监听Auth状态，及时清理无效会话：

// 使用amplify-authenticator的组件
import { AuthService } from '@aws-amplify/ui-angular';
import { Subscription } from 'rxjs';

private authSubscription: Subscription | null = null;

ngOnInit() {
  this.authSubscription = this.authService.authState$.subscribe(state => {
    if (state === 'unauthenticated') {
      this.authService.signOut({ global: true }).catch(() => {});
    }
  });
}

ngOnDestroy() {
  this.authSubscription?.unsubscribe();
}

• 沙箱会话清理技巧
  手动删除沙箱用户池用户无效时，直接清除浏览器本地存储中以amplify_开头的键即可，无需重新生成沙箱。

内容的提问来源于stack exchange，提问作者Jonny