問題タブ [react-helmet]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
facebook-opengraph - シングル ページ アプリケーションのダイナミック オープン グラフ タグ
op:tags私のreactjsアプリに注入しようとしています。私はhttps://github.com/nfl/react-helmetに出くわし、index.htmlヘッダーの突出部にタグを動的に挿入しました。問題は、ヘッドの最後にタグを挿入するため、ここでfacebook デバッガーによって認識されないことです。これは、スクリプト タグの前のヘッダーの先頭に gen グラフ タグが表示される場合に機能します。ただし、reac-helmet を使用すると、最後にそれらを注入します。どうすればこれを修正できますか? ソーシャル メディアで記事のプレビューを表示しようとしていますが、取り決めが原因で失敗しています。どんな助けでも大歓迎です。
reactjs - Reactjs Web サイトでファビコンの正しいパスを指定しましたが、ファビコンが表示されません
ファビコンは fav.png という名前のアセット フォルダーにありますが、ブラウズには表示されません
package.json ファイルのスクリーンショット、favicon リンク行のスクリーンショット、およびブラウザーのスクリーンショットに表示される favicon のスクリーンショット リンクを添付しています。
package.json のスクリーンショット
https://i.stack.imgur.com/WUKxj.png
ファビコン リンク ファイル
https://i.stack.imgur.com/dmfKf.png
ブラウザに表示されるファビコン
reactjs - Next Js プロジェクトのヘルメットまたは next/head に反応しますか?
私は次の js アプリケーション (React SSR) を作成しており、現在、head にメタ タグを実装しています。
したがって、今のところ、_app.tsx ファイルでnext/headを次のように使用しています。
そして、すべての作業コードはサンドボックスにあります: https://codesandbox.io/s/interesting-tereshkova-217ks
next/head次のjsアプリケーションでそれ自体を十分に使用するか、 react-helmetを実装する必要があるかを知りたいだけです??
必要な場合はreact-helmet、提供されている次の js アプリケーションに実装する方法を教えてください。
私はNext JsとSSRに慣れていないので、結果を達成するための最良の方法である正しい方向に私を助けてください.