上傳到 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/**/*