上传到 AWS Amplify 时，postbulid 中的 React-snap 失败

Question

我已经使用 git 将我的反应项目推送到AWS 放大。 出于 SEO 的原因，我安装了react-snap package。 检查Amplify Console时，显示配置步骤成功，但构建步骤失败。 错误日志显示：

github 上的一些较早的帖子描述了我遇到的相同问题： https://github.com/thinkJin6/BokuNews/issues/64
我已经尝试了一些方法，例如添加和配置 amplify.yml 文件以及配置 package.json，如下所述： . https://github.com/puppeteer/puppeteer/issues/765
最后我从这个链接尝试了一些东西： https://github.com/puppeteer/puppeteer/blob/main/docs/troubleshooting.md#running-puppeteer-on-aws-ec2-instance-running-amazon-linux
我像这样启用 amazon-linux-extras ， sudo amazon-linux-extras install epel -y ，并像这样安装 install Chromium ， sudo yum install -y chromium 。我使用了AWS CloudShell ，但错误日志消息保持不变。

Answer 1

我最近遇到了同样的问题，在同事的帮助下，在这里找到了解决方案： LINK

我将以下内容添加到我的 package.json

   "reactSnap": {
    "puppeteerArgs": [
      "--no-sandbox",
      "--disable-setuid-sandbox"
    ],
       "puppeteerExecutablePath": "/opt/google/chrome/google-chrome"
    }

然后我更新了 amplify.yml，就像这样放大构建设置

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - '# This installs Chrome on any RHEL/CentOS/Amazon Linux variant.'
        - curl https://intoli.com/install-google-chrome.sh | bash
        - npm i
    build:
      commands:
        - npm run build
  artifacts:
    baseDirectory: build
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*