Reactjs结合AWS Amplify部署generate阶段报错找不到日志求助

1 控制台默认日志查询路径 #

• 进入AWS Amplify控制台，选中你托管的React项目应用
• 在左侧菜单栏「托管」分类下点击「构建」，找到对应报错的部署任务，点击进入任务详情页
• 详情页会按部署阶段拆分展示所有步骤，直接点击标红失败的「generate」阶段卡片，下方会自动展开该阶段的完整运行日志，滚动即可定位到报错行。

2 日志无法正常加载的排查方案 #

如果点击generate阶段后没有输出日志，按以下顺序排查：

• 确认当前登录AWS账号的IAM权限，需持有amplify:GetJob、amplify:GetJobLog权限，权限不足会导致日志无法拉取
• 开启debug级别的构建输出：在项目根目录的amplify.yml配置文件中，给build、generate阶段的命令开头添加set -x，会输出所有执行的命令细节，配置示例如下：

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm ci
    build:
      commands:
        - set -x
        - npm run build
  artifacts:
    baseDirectory: build
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

• 本地复现排查：在本地项目目录执行你package.json中配置的generate对应命令（通常为npm run generate），本地运行的报错信息没有云端截断限制，更容易定位问题。

3 超长日志的查看方案 #

如果generate阶段日志过长超出Amplify默认显示上限，可将日志定向输出到文件后存入构建产物：

在generate执行命令后追加输出规则：npm run generate > generate.log 2>&1，执行完成后将generate.log文件移动到构建产物目录，部署完成后可在构建工件中下载该文件查看完整日志。

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