AWS Amplify部署React应用提示未指定构件基础目录如何修复

错误原因 #

你当前的amplify.yml配置存在结构错误：baseDirectory和files属于前端制品配置（artifacts字段）的子属性，你当前把这两个配置直接放在了frontend节点下和phases同级，导致Amplify构建系统无法识别到制品输出目录配置，就会触发对应的报错。

修复后的完整配置 #

version: 1
backend:
  phases:
    build:
      commands:
        - '# Execute Amplify CLI with the helper script'
        - amplifyPush --simple
frontend:
  phases:
    preBuild:
      commands:
        - npm ci
    build:
      commands:
        - node -v
        - npm run-script build
  # 新增artifacts节点，将baseDirectory和files移动到该节点下
  artifacts:
    baseDirectory: build
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

后续验证注意事项 #

• 确认React项目的package.json中build脚本执行后，产物确实输出到项目根目录的build文件夹下，这是Create React App的默认输出路径，如果你的项目自定义了输出路径，需要把baseDirectory的值同步修改为你自定义的输出目录
• 修改配置后重新触发构建即可正常识别制品目录

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