問題タブ [react-ssr]

package.json で gifsicle バージョン 5.1.0 を使用していますが、アプリケーションの起動で次のエラーがスローされます。node_modules/gifsicle/vendor フォルダーの下にバイナリ gifsicle が必要ですが、「yarn dev」でアプリケーションを起動しようとしても機能しません。どんなポインタも役に立ちます

エラーは次のようです

.pugand.jsxをエクスプレス ビュー エンジンとして使用したい。
のような他のモジュールで試してみました@react-ssr/expressが、うまくいきませんでした。
(私のプロジェクトは、数年前に最後に更新されたオープン ソース プロジェクトに基づいているようです)
それで、現在 and を使用node-jsxしていますが、これらのモジュールではand をreact-engine使用できません。 （このスクリーンショットのように） 私はすでに以下のコードのようにグーグルで多くの解決策を試しました.windowdocument

しかし、空白のページがレンダリングされました。
これらのモジュールは、javascript に変換することなく、jsx ファイルをレンダリングして実行するだけだと思います。andをandとともに
使用する方法はありませんか? （または、他のモジュールをお勧めしてください）windowdocumentnode-jsxreact-engine

サーバー.js

index.jsx

反応アプリケーションで Google Adsense 自動広告を使用したいと考えています。反応アプリケーションは SSR を使用し、以下に示すように、Google から提供されたコードをテンプレートの head セクションに追加しました。

サイトにいるとき、Chrome ツールを使用して html コードを確認しました。コードに行が表示されていますが、残念ながら Google Adsense のレビューで、いくつかの修正が必要であるとして拒否されました。

問題を特定する Google からのメッセージは次のとおりです。サイトでコードが見つかりませんでした。これは、コードが欠落しているか不完全であるか、サイトの URL が正しくないことが原因です。もっと詳しく知る。

以前の問題だったログインの要件を削除し、適切な Google アカウントを持っています。

window.adsbygoogle が React で使用されると述べられている別のスタック オーバーフローの問題を見ましたが、問題は広告ユニットの指定と、window.adsbygoogle の実装がコンポーネント クラスにあることを扱っているようでした。私は自動広告を使用しているので、それが当てはまるとは思いませんが、間違っているかもしれません。もしそうなら、どのようにコードを変更しますか?

いずれにせよ、Google Auto Ads の最初の承認を得た経験のある方がお役に立てば幸いです。コードを提供する場合は、関数コンポーネントを使用できるかどうかを評価します。私はクラスコンポーネントと、ほとんどの例で使用されているように見える componentDidMount の使用にあまり慣れていないためです。

私のサイトへのリンク: https://tlgamer.herokuapp.com/