0

我们使用 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),但它每次都会抛出构建错误并且没有生成我们应用程序的快照。

期望:应用程序应该是服务器端渲染的,我应该在网络预览中看到页面的快照,服务器应该在响应中返回页面的快照。

任何人都可以提出解决此问题的解决方案吗?服务器端渲染如何反应原生 Web 应用程序?

4

0 回答 0