AWS Amplify认证配置错误求助：登录提示未正确配置

• 检查本地Amplify配置文件

  • 确认项目根目录下的amplify文件夹和aws-exports.js（或aws-exports.ts）存在，且内容与朋友的一致，重点核对aws_user_pools_id、aws_user_pools_web_client_id这类认证核心参数，避免缺失或错误。
  • 执行amplify status命令，查看Auth模块状态是否为Deployed，排查是否有未部署的配置变更。

• 验证本地环境与AWS账号关联

  • 运行amplify configure重新关联AWS账号，确保使用的账号、区域和朋友完全一致。
  • 检查本地AWS凭证：查看~/.aws/credentials（Linux/macOS）或C:\Users\<你的用户名>\.aws\credentials（Windows），确认对应IAM用户拥有amplify:*、cognito-idp:*等必要权限。

• 清理浏览器缓存与本地存储

  • 清空浏览器缓存、LocalStorage和SessionStorage，避免旧配置缓存导致新设置不生效。
  • 用无痕模式打开应用，排除缓存干扰。

• 核对依赖版本一致性

  • 对比你和朋友package.json中Amplify相关包的版本，比如@aws-amplify/ui-react、aws-amplify，确保版本完全匹配，不同版本可能存在兼容性问题。
  • 执行npm install或yarn install后，检查package-lock.json或yarn.lock的哈希值是否和朋友的一致，消除依赖安装差异。

• 检查Cognito用户池配置

  • 登录AWS控制台进入Cognito用户池，确认：
    • 用户池状态为“启用”；
    • 应用客户端的回调URL、退出URL与项目配置一致，OAuth流（若使用）已正确配置；
    • 已启用用户名/密码登录流程，若开启MFA需确保前端代码适配；
    • 新建用户已完成邮箱/电话确认（除非关闭了强制确认设置）。

• 验证前端代码初始化

  • 确认应用入口文件（如index.js/main.tsx）中正确初始化Amplify：

    import Amplify from 'aws-amplify';
    import awsExports from './aws-exports';
    Amplify.configure(awsExports);
    

    检查awsExports路径是否正确，无拼写错误。

• 日志排查

  • 打开浏览器开发者工具Console面板，查看Amplify输出的详细错误日志，定位具体问题（如凭证无效、用户池不存在等）。
  • 执行amplify logs auth命令，查看AWS端认证日志，排查服务器端错误原因。

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