反応ネイティブ 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 アプリに反応させるにはどうすればよいですか?