問題タブ [gatsby-image]
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.
gatsby - 画像の publicURL をカスタマイズする方法
で使用gatsbyしていgatsby-source-strapiます。
次のgraphqlリクエストは、publicURLaの を返しますPost。
この URL/static/ad7b2564f1eb5bdf96cb081b3b23967c-eeead0eb0feaed6e8ae436e3a38ad5.jpgはかなり悪い URL のようです。
onCreateNodeでこの URL fe を変更する機会はありますか?
reactjs - テンプレートから画像を削除すると、Gatsby を使用してファイルが見つかりませんか?
Gatsby をダウンロードしてファイルからテンプレート イメージを削除すると、エラー メッセージが表示され、サーバーが動作しません。画像を元に戻すと、再び機能します。ここで何が起こっているのか本当にわかりません。
そこに画像を入れないとテンプレートを使用できないのはなぜですか。画像を削除すると完全に壊れてしまうようです。
これらは私が得るエラーメッセージです:
graphql - 反復せずに配列から特定の要素にアクセスする方法は?
私は次のフォルダ構造を持っています
次のGraphQLクエリを使用する場合..
のようなものを使用して結果にアクセスできます<img src={data.file.publicUrl} alt="" />。ここまでは順調ですね。
しかし今、1 つのクエリでそのフォルダーから複数の画像を取得したいと考えています。だから私は次のことを思いついた：
すごい！mapしかし、結果を使用したり反復したりすることなく、これらの画像の 1 つにアクセスするにはどうすればよいでしょうか?
私はこのようなものを探していますが、もちろんうまくいきません:
<img src={data.file.publicUrl name.eq="pic1"} alt="pic1"/>
次のようなこともありません。
<img src={data.allFile.nodes.0.publicUrl} alt="pic1" />
gatsby-image画像の最適化とサイズ変更に使用したいと思います。そのため、直接インポートよりも GraphQL の方法を選択します。私は間違った道を進んでいますか？
graphql - gatsby-plugin-feed で RSS から画像を返す
ブログ投稿のフロントマターから著者の画像を返そうとしています。前付はそのように構成されています。
gatsby-config では、gatsby-plugin-feed を次のように設定しています -
RSS フィードで画像 URLが Error: Field "avatar" of type "File" must have a selection of subfields. Did you mean "avatar { ... }"?
返されるようにするにはどうすればよいですか?
ありがとう
graphql - Gatsby Contentful グラフイメージ
おそらく愚かなことの最初の質問ですが、私は本当に理解していません。gatsby サイトの contentful からのデータが必要ですが、「フラグメント "GatsbyContentfulFluid_tracedSVG" は存在しません」というエラーが表示されました。contentful のフラグメントを使用してクエリを実行しようとすると。私はすべてをチェックしましたが、まだ迷っています。ありがとうございました ！
ここにエラーがあります [これがgraphqlに関する私のクエリです] このようにconsole.logにすると、アセットのURLを取得しました
