问题描述
我们使用 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 应用程序?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)