我正在使用RazzleSSR 库构建一个反应应用程序，并且我正在尝试使用 amplify 库实现 AWS Cognito 联合身份验证。登录链接在成功后再次重定向到应用程序，但即使登录成功也总是显示未验证错误。

到目前为止我的代码：

客户端.js

应用程序.js

有什么建议么？

我正在尝试jest为 TypeScript 单元测试配置 Razzle & React & TypeScript 项目，更准确地说，ts-jest但我在下面的屏幕截图中得到了错误，尽管路径映射很好。我遵循了官方文档，但我不明白为什么会出现错误。

该@/server/helpers目录映射到./src/server/helpers一个包含index.tsx文件和其他文件的现有目录。

我尝试手动指定路径映射，您可以在下一节中看到。

我不知道它是否相关，但这实际上是一个具有多个服务器和多个入口点的项目，并且tsconfig.json文件在所有人之间共享。

我已按照此页面上的说明进行操作。

jest.config.js

tsconfig.json

razzle.config.js

截屏

我想测试我的服务器。这是我的测试：

但在我可以访问我的服务器的 get-function 之前，我收到以下错误：

我发现的所有解决方案都不适合我的问题。那么如何在我的测试中访问这些令人眼花缭乱的环境变量，为什么它们会在测试中丢失？

我是 Razzle React App 的新手，我已经创建了一个应用程序，但是当我在浏览器中输入 url 时，首先需要一些时间来加载 css，然后在 3-4 秒后加载整个页面，有什么方法可以通过快速加载页面，

我们正在将现有的 React 应用程序（使用 CRA 创建）转换为 Razzle 应用程序，以便为某些页面提供服务器端渲染。

我们能够通过迁移完成很多事情，但现在卡住了 Reactstrap 组件（仅检查 Button 组件）无法在服务器端呈现。它们在客户端渲染时工作正常。

我得到的错误是，

“错误”：“元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：未定义。您可能忘记从定义它的文件中导出您的组件，或者您可能混淆了默认导入和命名导入。”

代码，

我不确定它是否需要对 razzle webpack 配置进行任何更改才能使其正常工作。如果有人成功地使用了带有 Razzle SSR 的 Reactstrap 组件，那么还有哪些额外的步骤可以让它工作？

谢谢。

请给我一些解决下面列出的问题的指示。

我在用于获取图像的 og 标签上遇到问题。我正在使用带有 Razzle 的 React 进行服务器端渲染。所有站点图像都存储在 aws 存储桶中，该存储桶具有公共访问权限以获取图像。

这些是我通过 Helmet 在特定页面下使用的标签。

经过一些发现后，我在 og 标签 url 中使用了来自谷歌的随机图像并且工作正常，但是当我对相同图像或不同图像使用 s3 存储桶链接时它不起作用。

我在想的是它不会获取 aws s3 图像。但如果是这样的话，那么其他人会怎么做。

我检查了许多站点的 og 标签，发现它们会使用一些 subdomain.domain.com/someimagename.extension，如果这是唯一的情况，那么我如何实现这一点。我的问题是，如果我们必须像古老的编程方式那样使用图像托管服务提供商，为什么还要使用它。

请建议我如何解决这个问题。非常感谢任何帮助或建议。

更新 我对此进行了深入研究，发现图像会出现一些问题，因为我的图像是通过 Base 64 图像从 FE 上传到后端的。后端在 s3 上上传该图像。

我已经通过 curl 命令检查了我的图像 URL，即

所以我发现

然后我直接在亚马逊 S3 上上传了一张图片，并使用了该网址并获取了 og:image。卷曲响应是

我检查了上面的响应没有内容编码列。

谁能建议我该怎么做，因为在我的存储桶上大约有 500 多张图片由 base 64 上传并且有同样的问题。

什么是最好和最有效的方法来做到这一点

我有一台安装了 nginx 的服务器。在那个反应生产站点上运行。

现在我正在使用 Razzle 上的服务器端渲染更新站点。现在，当我在生产站点上运行 ssr 生产构建时，页面变为空白，它只能在隐身或硬重新加载浏览器时工作。问题是缓存问题。

我担心的是现有用户，如果没有加载，用户会打开网站，然后用户通常会关闭网站。应用程序选项卡中的浏览器存储显示已满，现在我关心的是如何在运行 SSR 时刷新存储。现在，即使我运行 SSR 构建，我也会在页面源代码中看到旧的客户端构建。

在 NGINX 部分，我使用了建议的配置，即

这部分在位置上方和使用的位置下方

经过几次调试发现，如果我们在当前时间的 last-modified 上添加标题，那么它将起作用。我试过但没有成功。

是否需要对不理解的 react 部分或 nginx 部分进行任何更改。

有没有人遇到过或解决过此类问题，请帮助我。

非常感谢任何帮助或建议。提前致谢。

我有一个 Razzle 应用程序，但构建已损坏。这是没有意义的，因为构建结果中显示的错误指向我的代码中不存在的东西。这是来自 Terser 的错误消息：

并且这个错误的代码是指这段代码：

这是我的razzle.config.js文件：

这是我的package.json文件：

你能帮我么？提前致谢。

我正在尝试以最少的重写将 AftersJS (Razzle) 添加到我现有的代码中。主要的重写将发生在 App 组件中，其中我有 Auth 逻辑以及 Layout 结构。要迁移 Layout 结构，我可以使用 Layout 示例，使用 Auth 逻辑我需要以某种方式将数据传递给子组件。我没有使用 Context，使用 Redux，如何在 routes.js 文件中传递道具？

Razzle 是一个服务器端渲染框架。

这是错误：