Запрос gatsby graphql дает разные результаты в разработке и производстве - PullRequest
0 голосов
/ 16 апреля 2020

на этих двух снимках экрана показан один и тот же объект, возвращенный при вызове useStaticQuery, один в разработке и один в производстве. объект разработки выглядит так, как он должен (как это выглядит в graphiql), но изображение на вершине производства, объект действительно странный с совершенно разными полями, и я не могу понять, почему.

, чтобы уточнить первое изображение является производственным, а второе - разработкой

enter image description here

enter image description here

Может кто-нибудь, пожалуйста, скажите мне, почему это происходит?

вот весь компонент:

import React from "react"
import { linkResolver } from "../../utils/linkResolver"
import { useStaticQuery, graphql, Link } from "gatsby"
import Nav from "react-bootstrap/Nav"
import Navbar from "react-bootstrap/Navbar"
import NavDropdown from "react-bootstrap/NavDropdown"



const MyNav = () => {

  const data = useStaticQuery(graphql`
  query myNavQuery {
    prismic {
      allAffiliates {
        edges {
          node {
            _meta {
              id
              type
              uid
            }
            about
            affiliate_name
            author_name
            image_1
            image_2
            map
          }
        }
      }
    }
  }

  `)



  const affiliates = data.prismic.allAffiliates.edges
  return (
    <Navbar collapseOnSelect variant="light" expand="sm">
      <Navbar.Brand href="/">
        <div className="nav-logo">Global Paradise Studios</div>
      </Navbar.Brand>
      <Navbar.Toggle aria-controls="basic-navbar-nav" />
      <Navbar.Collapse id="basic-navbar-nav">
        <Nav className="ml-auto">
          <NavDropdown title="Affiliates" id="basic-navbar-dropdown">
            {affiliates.map(affiliate => {
              return (
                <NavDropdown.Item href={linkResolver(affiliate.node._meta)}>
                  {affiliate.node.affiliate_name[0].text}
                </NavDropdown.Item>
              )
            })}
          </NavDropdown>
          <Nav.Link as={Link} to="/">
            Home
          </Nav.Link>
          <Nav.Link as={Link} to="/about">
            About
          </Nav.Link>
          <Nav.Link as={Link} to="/contact">
            Contact
          </Nav.Link>
        </Nav>
      </Navbar.Collapse>
    </Navbar>
  )
}

export default MyNav

1 Ответ

0 голосов
/ 20 апреля 2020

Используете ли вы плагин gatsby-source-prismic-graphql? Если это так, то в настоящее время он не поддерживает хук useStaticQuery. Как вы видели, это приведет к различиям в разработке и продвижении.

В README для плагина вы можете увидеть, как использовать вместо него компонент StaticQuery, который поддерживается и работает. https://github.com/birkir/gatsby-source-prismic-graphql#staticquery -статический запрос

Попробуйте!

...