问题标签 [react-snap]

将应用程序部署react-snap到 Heroku 时出现以下错误。

我应用了所有更改，设置了所有构建包。

"postbuild": "react-snap"我什至可以在没有线路的情况下对第一次部署做出反应，它有效。

但是，然后在这里添加行，将再次失败。现在怎么办？

我正在尝试用自定义替换默认的 React 应用程序服务人员，因为它将索引路由设置为“index.html”，而我需要将它转到“200.html”以进行 react-snap。

我完全按照本指南https://github.com/facebook/create-react-app/issues/5673#issuecomment-438654051

但得到错误：

我的 sw.js 看起来像这样 -

我在其他 stackoverflow 上搜索并查看的所有内容都表明您需要包含

我是谁。所以我不知道为什么它不起作用？

我运行工作箱的反应脚本：

使用 react-snaps 构建我的 react 项目时出现错误。

我环顾四周，所有错误都与 puppeteer 有关 - 但我没有使用 puppeteer 直接获取那些问题的内容，因此答案不适用。

问题——我认为——是当 react-snap 渲染我的页面时，他们正在对我的服务器进行 API 调用，其中一些失败是因为它们没有经过身份验证或其他原因。但是所有其他问题都表明这与“页面在完成之前退出”有关，我不知道当我运行 react-snap 脚本时这意味着什么？它不像 puppeteer 那样获取页面。（也许是？我不知道，从未使用过 puppeteer）

这是我的脚本：

这是调试日志中的错误"npm run build"

这是构建时控制台中的特定错误

您可以看到它从“FETCH_ADS_SUCCESS”中获取广告的完成，但随后它会抛出此错误。

还有为什么它说页面是404.html- 当没有 404 页面并且它只是在ads_page

我有一个带有 react-snap 的反应应用程序，可以在 ec2 实例上正常工作。

实例上的 nginx 配置看起来像

我最近将所有内容移植到 aws amplify。使用 SPA 的默认重写规则，所有页面都可以正常加载，但社交爬虫无法爬取页面以获取元信息。

AWS 为 SPA 放大默认重定向和重写规则

我还注意到，在 ec2 实例上，所有 url 都有一个试用斜线，而它在 aws amplify 中丢失了？

我尝试了几种不同的配置，如果我在源代码中添加 /

/</^[^.]+$|\\\\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>

社交爬虫工作，缺少的斜杠也出现在页面上，但某些页面（如 404）在导航栏上没有 Route 链接抛出：

有人使用 AWS 放大进行 react-snap 吗？我不精通重写规则，所以任何帮助表示赞赏。

这是我的构建文件在放大时的样子：

在 Package.json 我有

我已经安装了react-snap版本“^1.23.0”并附加了构建后脚本“react-snap”并运行了npm run build. 它确实抓取了大部分页面，在完成最后一页之后，它显示了上述错误。它是否有任何其他依赖项，例如 NodeJS 版本或 react-scripts 版本？

我正在尝试使用 .prerender 我的react应用程序react-snap。我的项目没有使用create-react-app.

如果我使用webpack mode: development. 但是当我使用我的生产版本时它不会。经过一段时间的调试，我发现，这个问题只有在我使用compression-webpack-plugin. 当我评论它时，它成功完成了。

react-snap 报错： pageerror at /: SyntaxError: Unexpected token '<'

我发现，它试图获取我构建的main或vendor带有扩展名的 javascript 文件.min.js。但是在我的构建中，只有带有扩展名的文件.min.js.gz，它可以通过来自浏览器的标准请求成功处理。

我的生产构建在没有预渲染的情况下正常工作。所以我想这是一些react-snap配置的问题，但我没有找到任何解决方案。

完全可以使用react-snap和压缩源吗？

我正在尝试使用react-snap插件将页面上的 html 呈现为源代码，并在其中进行以下配置package.json

包.json

index.js

但它根本不起作用，请帮助

我试图从主页上的 firebase 加载项目，但它一直给我一个错误。有人有什么建议吗？

我正在遵循https://github.com/stereobooster/react-snap上的指南

并像这样实现它：

这是错误：

我正在使用 ReactJS，需要一些构建帮助。

我在专用服务器上托管一个静态站点。为了处理该站点，我当前在本地运行我的构建并将“构建”文件夹上传到服务器。

我最近决定我可能应该为 SEO（和 adsense 批准）生成一些静态文件，因此我添加了 react-snap。

我从我的目录运行 npm run build ，并且 react-snap 按预期运行 postbuild 但是它失败，除非我先将构建上传到服务器然后再次运行相同的构建以生成静态文件（然后必须再次将这些上传到可用于搜索引擎抓取的静态内容的服务器）。

我显然在这里的构建过程中缺少了一个基本步骤。我已经想将其改进为 Git 并将其推送到服务器，但我认为这不会帮助我解决 react-snap 问题。

任何人都可以帮忙吗？

我有一个 reactjs 应用程序，我在其上安装了 react-snap 以进行预渲染，它的路线处于以下状态

上述路由的每个链接中的数据都是动态加载的

它会动态生成大量 url，现在的问题是 react-snap 会抓取一条路由还是所有生成的 url。