AWS Amplify 构建超时错误：运行 gulpfile.js 时卡在前端

Question

我使用我的 Github 存储库从手动部署转向自动 CI/CD，在手动部署中，它运行没有任何问题。连接主存储库并开始构建后，前端配置尚未完成。

我收到默认时间设置为 30 分钟的构建超时错误，然后在环境变量覆盖中将其增加到 120 分钟。还是要花很多时间。

在我的本地计算机上：只需要<5 min to build without any errors.

我从构建日志中看到：在 gulpfile.js 中运行命令后，它被卡住了。

构建设置文件：

version: 1
env:
  variables:
    VERSION_AMPLIFY: 8.3.0
backend:
  phases:
    preBuild:
      commands:
        - npm i -g @aws-amplify/cli@${VERSION_AMPLIFY}
    build:
      commands:
        - '# Execute Amplify CLI with the helper script'
        - amplifyPush --simple
frontend:
  phases:
    preBuild:
      commands:
        - yarn install
    build:
      commands:
        - yarn run build
        - node ./node_modules/gulp/bin/gulp.js
  artifacts:
    baseDirectory: build
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

Answer 1

我在配置 Amplify 部署时遇到了同样的问题。该问题是由于 Amplify 自动生成的

amplify.yml

文件中不必要的步骤造成的。

尝试从前端构建步骤中删除此行，然后重试：

- node ./node_modules/gulp/bin/gulp.js

就我而言，这条线启动了一个开发服务器之后我构建了应用程序，导致前端构建过程挂起并且永远不会完成。通过删除该行，您可以避免在构建后启动开发服务器，并且构建步骤应该会成功。

这些是我的

package.json

中的相关脚本：

  "scripts": {
    "dev": "gulp",
    "build": "gulp build --env production",
  }

这些命令都是等效的，不需要构建用于部署的应用程序：

• yarn run dev

• gulp

• node ./node_modules/gulp/bin/gulp.js