Fetch API не может загрузить webpack: // ... ошибка - PullRequest
Новая
       47

Fetch API не может загрузить webpack: // ... ошибка

0 голосов
/ 06 февраля 2019

Я пытаюсь освоить некоторые новые приемы с помощью Apollo Client и GraphQL, но натолкнулся на ошибку, из-за которой не могу понять, что ее вызывает.Стек, который я использую, это GraphQL и ApolloClient.Ошибка:

Fetch API cannot load webpack://%5Bname%5D_%5Bchunkhash%5D/./node_modules/react-dom/cjs/react-dom.development.js?. URL scheme must be "http" or "https" for CORS request.

Я проверил настройку CORS и могу без проблем выполнять другие запросы.Ошибка появляется с этим конкретным запросом: 

query SINGLE_STORE_QUERY($id: ID!) {
    store(where: { id: $id }) {
      id
      name
      description
      image
      address
      lat
      lng
      reviews {
        user {
          name
        }
        text
        rating
      }
    }
  }

Мой запрос Apollo в компоненте NextJS: 

    <Query
        query={SINGLE_STORE_QUERY}
        variables={{ id: this.props.id }}
        errorPolicy="all"
      >
        {({ data: { store }, error, loading }) => {
          if (error) return <Error error={error} />;
          if (loading) return <p>Loading...</p>;

          console.log(store);
          return (
            <div>
              <StoreHero>
                <SingleTitle>{store.name}</SingleTitle>
              </StoreHero>

              <Container>
                <p className="location">{store.address}</p>
                <p className="description">{store.description}</p>
                {store.reviews.map((review, ind) => (
                  <Review review={review} key={ind} />
                ))}
                <ReviewForm id={this.props.id} />
              </Container>
            </div>
          );
        }}
      </Query>

Интересно то, что когда я удаляю reviews из запросаЯ не понимаю ошибку.Тем не менее, на площадке GraphQL все работает нормально, поэтому я знаю, что данные есть.Также, если я обновлю страницу, она загрузится правильно.Это происходит только при первой загрузке страницы.

Может кто-нибудь указать мне правильное направление, как лучше структурировать этот запрос?Я знаю, что я близко, но мне не хватает чего-то незначительного.Спасибо!

1 Ответ

0 голосов
/ 09 мая 2019

У меня была похожая ситуация с той же ошибкой и обнаружил, что в основном эта ошибка не связана конкретно с GraphQL или Apollo .Это ошибка react-error-overlay, которая в основном означает «Произошла ошибка, отображающая вашу ошибку» или «Невозможно отобразить вашу ошибку».

О вашем случае: может ли это быть в Review составляющей васпытаемся получить доступ к чему-либо в undefined свойстве, например, review.text.length, и есть некоторые отзывы без этого свойства?

...