问题标签 [react-snap]

我有一个我在 AWS 上托管的反应网站。我在 AWS 中创建了code pipeline连接到我的.githubcodeBuildS3

我正在尝试添加react-snap到项目中。它在本地运行良好，但是当我尝试在其中构建它时出现codebuild此错误

我试图用谷歌搜索它，但我没有找到任何特定于codebuildand的内容react-snap。我发现了关于运行 chrome 的类似问题，codebuild但它们与角度等不同环境有关，因此我无法复制他们的解决方案。

这就是我当前的 buildspec.yaml 文件的样子

根据错误提供的链接上的说明，我尝试添加它，但它没有用

所以 react-snap 在 postbuild 命令中定义的 npm run build 之后自动运行，对不起，由于公司政策，我不得不评论我的计算机路径

我已经用 git将我的 react 项目推送到AWS amplify 。出于 SEO 的原因，我安装了react-snap包。检查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 .I使用AWS CloudShell，但错误日志消息保持不变。

我将 react snap 安装到我的 react 项目中，然后当我运行 build 时，它不会抓取每个页面，而是显示一些错误。以前它工作正常，但不知道现在发生了什么。这是我在运行 npm run build 时遇到的错误 如果我能得到一个快速的解决方案会很好。

我正在尝试将预渲染添加到基本的 React CRA 项目中。我试过 react-snap、react-snapshot、prerender-spa-plugin。但是在构建过程中，我总是遇到同样的错误。在预渲染过程中，WebSocket 和虚拟服务器可能有问题。

即使我尝试从 prerender-spa-plugin 存储库中预渲染 CRA 项目的示例，我也会遇到这个错误。 链接到该示例应用程序

所以我想问题一定不是隐藏在应用程序代码或应用程序设置中。除了预渲染之外的一切都很好。

你知道可能出了什么问题吗？我正在使用节点 v17.17、npm 6.14、Windows 10

这是日志：

我有一个应用程序，它为不同的页面显示不同的元信息。

主页的元信息

关于页面的元信息

联系页面的元信息

我通过使用 react-helmet 和 react-snap 实现了动态元标记的这种行为。当部署在 netlify 上时，该应用程序功能齐全。

申请链接：https ://zealous-kalam-864daa.netlify.app/

Github 存储库链接：https ://github.com/YashMarmat/react-helmet-project

但是，当我尝试在 Aws Amplify 上部署相同的应用程序时，出现以下错误：

在此处输入图像描述

在为构建路由运行 react-snap 后，部署后抓取的页面超过 50 个，我无法弄清楚