問題タブ [prismic.io]

Prismic を CMS として使用して Gatsby でサイトを構築していますが、これまでのところ素晴らしいものです。少し問題が発生しましたが、わかりません。

Prismic から取り込まれたすべての投稿をタグでフィルタリングして、デフォルトですべて表示できるようにしたいと考えています。

ユーザーがページで選択したタグを格納する配列をセットアップすることができました。ビルド時に投稿をフィルター処理するために、値の静的配列をクエリに渡すことができることがわかりました。

しかし、私が理解できないのは、ビルド時にすべての投稿を取得し、フィルターが選択されていないときにすべての投稿を表示する方法です。ただし、タグが選択され、アクティブなタグ配列にある場合、それらのタグを含む投稿のみが表示されます。

私の理解では、Gatsby では実行時にクエリを実行することは許可されておらず、ビルド中にのみ実行されます。また、テンプレート コンポーネントを条件付きでレンダリングし、その投稿のタグがアクティブなタグ配列に含まれているかどうかに応じて変更するというアイデアも試しましたが、うまくいきませんでした。

Prismic のサポートに問い合わせてみましたが、以前にこのような使用例を使用したユーザーはいないとのことでした。

どんなアイデアでも大歓迎です。

Gatsby と Prismic を使用した最初のプロジェクトを開発しています。今日、開発サーバーを起動しようとしたときに、このエラーに直面しました。検索しましたが、同様のエラーはどこにも見つかりませんでした。私はこれで完全にブロックされており、このエラーの原因がわかりません。

package.json から抽出:

エラー

gatsby バージョン: 2.19.34 反応バージョン: 16.13.0 プリズム-reactjs バージョン:1.2.0

これら 2 つのスクリーンショットは、useStaticQuery の呼び出しから返された同じオブジェクトを示しています。1 つは開発中、もう 1 つは実稼働中です。開発オブジェクトは (graphiql に表示されるように) 想定どおりに見えますが、実稼働上のイメージでは、オブジェクトはまったく異なるフィールドで非常に奇妙であり、その理由がわかりません。

明確にするために、最初の画像は本番用で、2 番目の画像は開発ビルドです

なぜこれが起こっているのか誰か教えてもらえますか？

コンポーネント全体は次のとおりです。

ここで誰かが私を助けてくれるかどうかはわかりませんが、私は Gatsby - Prismic サイトを構築しています。開発モードでは期待どおりに動作しますが、ビルドを作成すると何かが壊れます。ビルド中のコンソールによると、エラー メッセージはなく、成功したようです。Netlify の URL を共有したい。コンソール (プロダクション ビルド) では、イメージが読み込まれていないというエラーのみが表示されます。不正行為は次のように発生します。

1. サイトが正しく読み込まれない
2. 画像が正しく読み込まれない ホーム ヘッダー カルーセルが機能しない
3. ナビゲーション バーのリンクでページが読み込まれない
4. リンクをクリックすると、URL は変更されますが読み込まれません。ナビゲーション リンクをクリックすると、コンテンツを取得するためにリンクのページをリロードする必要があります。

ヘルプやヒント、またはこれまたはそれがあれば幸いです

Netlify テスト URL https://coding-images-prismic.netlify.app/

GitHub リポジトリ https://github.com/codingimages/codingimages-prismic