Использование запросов Gatsbyjs и GrapghQL на сайте не работает. Они работают в среде тестирования - PullRequest
Новая
       33

Использование запросов Gatsbyjs и GrapghQL на сайте не работает. Они работают в среде тестирования

1 голос
/ 30 ноября 2019

Использование запросов Gatsbyjs и GrapghQL на сайте не работает. Они работают в среде тестирования. 

import React from "react";
import { Link, graphql, useStaticQuery } from "gatsby";
import Img from "gatsby-image";
import PropTypes from "prop-types";

// Components
import Layout from "../components/layout";

// CSS
import "../css/index.css";

// Page
const Index = () => {

  return (
    <Layout>
      {/* Hero  */}
      <section id="hero">
        <div className="hero-title container">
          <h1>Web design and development</h1>
          <h2>Costume Solutions for companies and individuals</h2>
        </div>
      </section>

      {/* Services */}
      <section id="services">
        <div className="title">
          <h2>Our Services</h2>
          <h3>We Provide You Quality</h3>
        </div>
        <div className="services container">
          <div className="service web-design">
            <h2>Web Design</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
          </div>
          <div className="service social-media">
            <h2>Social Media</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
          </div>
          <div className="service video-production">
            <h2>Video Production</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
          </div>
        </div>
      </section>

      {/* portfolio */}
      <section id="Portfolio">
        <div className="title">
          <h2>Portfolio</h2>
          <h3>Some Of Our Awesome Projects</h3>
        </div>
        <div className="portfolio container"></div>
      </section>
    </Layout>
  );
};

// Index.propTypes = {
//   data: PropTypes.object.isrequired,
// };

export const query = graphql`
  {
    protfolioImages: allFile(
      filter: { relativeDirectory: { eq: "portfolio" } }
    ) {
      nodes {
        id
        childImageSharp {
          fluid {
            ...GatsbyImageSharpFluid
          }
        }
      }
    }
  }
`;

export default Index;

ОШИБКА: в файле найдено несколько «корневых» запросов: «cUsersAndreDocumentsProgramingjarboeStudiossrcpagesindexJsx2863101410» и «cUsersAndreDocumentsProgramingjarboeStudiossrcpagesindexJ1028. Только первый ("cUsersAndreDocumentsProgramingjarboeStudiossrcpagesindexJsx2863101410") будет зарегистрирован. 

Instead of:
1 | query cUsersAndreDocumentsProgramingjarboeStudiossrcpagesindexJsx2863101410 {
2 |   bar {
3 |     #...
4 |   }
5 | }
6 | 
7 | query cUsersAndreDocumentsProgramingjarboeStudiossrcpagesindexJsx2863101410 {
8 |   foo {
9 |     #...
10 |   }
11 | }

Do:
1 | query cUsersAndreDocumentsProgramingjarboeStudiossrcpagesindexJsx2863101410AndCUsersAndreDocumentsProgramingjarboeStudiossrcpagesindexJsx2863101410 {
2 |   bar {
3 |     #...
4 |   }
5 |   foo {
6 |     #...
7 |   }
8 | }

1 Ответ

0 голосов
/ 05 декабря 2019

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

Это может быть связано с вашим CMD. Видимо, при запуске Gatsby Build из терминала Windows выдается ошибка «Несколько корневых запросов», а при выполнении той же команды с git bash происходит успешная компиляция.

Или наличие нескольких запросов graphql на одной странице, в этом случае разделение запросов на их собственные файлы и их повторный импорт устраняет проблему.

...