useAuthenticator的authStatus始终处于configuring状态的问题求助

问题回顾 #

• 按照Amplify路由保护示例实现鉴权时，route常量始终处于idle状态，导致页面一直被重定向
• 改用authStatus获取认证状态后，该值持续停留在configuring（根据官方文档，此状态仅应在应用首次加载时短暂存在）
• 尝试过以下方案但未解决问题：
  • 添加自定义CSS隐藏Amplify默认认证组件
  • 为受保护路由添加Authentication包装器
  • 安装@aws-amplify/react-ui@next版本依赖

有效解决方案 #

联系AWS官方支持后，执行重新构建应用操作，问题得到解决。

同类问题额外排查方向 #

如果重新构建无效，可尝试以下步骤：

• 检查aws-exports.js配置文件是否正确，确保认证相关配置项无缺失或语法错误
• 清理依赖缓存后重新安装：

  npm cache clean --force
  rm -rf node_modules package-lock.json
  npm install
  

• 清除浏览器本地存储中的旧认证缓存，再重新测试

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