問題タブ [react-snap]

reactでアプリをプリレンダリングしようとしていreact-snapます。私のプロジェクトは を使用していませんcreate-react-app。

でアプリケーションをビルドした場合、事前レンダリングは正しく機能しましwebpack mode: developmentた。しかし、本番ビルドを使用する場合はそうではありません。デバッグに時間を費やした後、その問題が発生したのは を使用した場合のみであることがわかりましたcompression-webpack-plugin。コメントアウトしたら無事終了。

反応スナップによって報告されたエラー: pageerror at /: SyntaxError: Unexpected token '<'

main拡張子vendorが.min.js. _ しかし、私のビルドでは、拡張子が のファイルのみがあり.min.js.gz、ブラウザからの標準リクエストで正常に処理されます。

私の製品ビルドはプリレンダリングなしで正しく動作しています。ですから、何らかのreact-snap設定の問題だと思いますが、解決策は見つかりませんでした。

react-snapgzip されたソースを使用することは可能ですか?

私は ReactJS を使用しており、ビルドに関して助けが必要です。

専用サーバーで静的サイトをホストしています..そのサイトを処理するために、現在ビルドをローカルで実行し、「ビルド」フォルダーをサーバーにアップロードしています。

最近、SEO (およびアドセンスの承認) のためにいくつかの静的ファイルを生成する必要があると判断したため、react-snap を追加しました。

ディレクトリから npm run build を実行すると、react-snap はビルド後を期待どおりに実行しますが、最初にビルドをサーバーにアップロードしてから、同じビルドを再度実行して静的ファイルを生成しない限り失敗します (その後、これらを再度サーバーにアップロードする必要があります)。検索エンジンのクロールに使用できる静的コンテンツのサーバー)。

ここでのビルドプロセスの基本的なステップが明らかに欠けています。私はすでにそれをGitに改良してサーバーにプッシュしたいと思っていますが、これが反応スナップの問題に役立つとは思いません。

誰でも助けることができますか？