时间戳

首页 > 解决方案 > GraphQL JSON输入的意外结束

node.js - GraphQL JSON输入的意外结束

问题描述

我正在 Shopify 上开发一个应用程序，我包含了 GraphQL，我开始收到相关错误。以前我还遇到了网络错误，在添加了几行之后，我摆脱了“网络错误”，但我仍然遇到了麻烦。请帮我！

_app.js

import React from 'react';
import App from 'next/app';
import Head from 'next/head';
import { AppProvider } from "@shopify/polaris";
import translations from "@shopify/polaris/locales/en.json";
import "@shopify/polaris/dist/styles.css";
import { ApolloClient, HttpLink, ApolloLink, InMemoryCache, concat } from '@apollo/client';
//import { ApolloClient } from 'apollo-client';
import { createHttpLink } from 'apollo-link-http';
//import { InMemoryCache } from 'apollo-cache-inmemory';
import {ApolloProvider} from 'react-apollo'
const client = new ApolloClient({
  link: new createHttpLink({
    credentials: 'include',
    headers: {
      'Content-Type': 'application/graphql',
    },
  }),
  cache: new InMemoryCache(),
})

/*
import ApolloClient from 'apollo-boost';
import {ApolloProvider} from 'react-apollo'

const client = new ApolloClient({
  fetchOptions: {
    uri:'/graphql',
    credentials: 'include'
  },
});
*/

class MyApp extends App {
  render()
  {
    const {Component, pageProps} = this.props;

    return(
      <React.Fragment>
      <Head>
      <title>Elena App</title>
      <meta charSet="utf-8"/>
      </Head>
      <AppProvider i18n={translations}>
       <ApolloProvider client={client}>
       <Component {...pageProps} />
       </ApolloProvider>
      </AppProvider>

      </React.Fragment>
    );
  }
}

export default MyApp;

标签： node.jsreactjsgraphqlshopify

解决方案

const client = new ApolloClient({
  uri:'/graphql',
  fetchOptions:{
    credentials:'include'
  },
  cache: new InMemoryCache(),//I add this line and problem fixed
});

另外，我将graphql的api版本更改为October20

推荐阅读