React Native Web 应用程序中的服务器端渲染

如何解决React Native Web 应用程序中的服务器端渲染

我们使用 React Native Web 创建了一个 Web 应用程序。我们想向我们的应用程序添加服务器端渲染。我们添加了一个代码来呈现页面服务器端，但它不起作用，我可以在网络预览选项卡中看到空白页面，服务器只发送我的 index.html 文件作为响应。

我也尝试过用于服务器端渲染的 react-native-web 服务器 API，但它返回空的 div 标签 像这样：

<div><div><div><div></div></div></div></div>

我使用了与 react-native webserver API(https://necolas.github.io/react-native-web/docs/rendering/#server-api) 相同的代码

我发现了一些建议使用应用程序预渲染的文章。 为了向我们的应用程序添加预渲染，我尝试了 react-snap (https://www.npmjs.com/package/react-snap)，创建了一个快照，但是当我启动应用程序时，它只加载应用程序的第一页（登录页面），此页面上没有任何事件（点击事件）和样式也丢失，无法在应用中导航。

然后我尝试了 react-snapshot (https://www.npmjs.com/package/react-snapshot)，但它每次都抛出构建错误并且没有生成我们应用的快照。

期望： 应用应该在服务器端呈现，我应该在网络预览中看到页面的快照，服务器应该在响应中返回页面的快照。

任何人都可以提出解决此问题的解决方案吗？如何在服务器端呈现 React Native Web 应用程序？