Reactjs 无法连接到GraphTool后端

我正在尝试获得一个基本的React+Graphcool项目设置

我初始化了GraphTool后端，以便在以下位置看到操场：

我可以在操场上运行此查询并查看结果：

query {
    allGroups {
        id
        description
    }
}

但是，我无法将其连接到React前端。这是我的index.js：

import React from 'react';
import ReactDOM from 'react-dom';

// GraphQL
import { ApolloProvider } from 'react-apollo';
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';

// Components
import App from './components/App/App';

const httpLink = new HttpLink({
    uri: 'https://api.graph.cool/simple/v1/MY-KEY',
});

const client = new ApolloClient({
    link: httpLink,
    cache: new InMemoryCache(),
});

ReactDOM.render(
    <ApolloProvider client={client}>
        <App />
    </ApolloProvider>,
    document.getElementById('App'),
);

我不知道这是否相关，但我的IDE在App.js中的“allGroups”行上给了我以下错误：

cannot query field "allGroups" on type "Query"

---

这是graphql导入错误，让我们试试这个

在App.js中：

import React from 'react';
import gql from 'graphql-tag';
import graphql from 'react-apollo';

const myQuery = gql`
    query {
        allGroups {
            id
            description
        }
    }
`;

const App = () => {
    return (
        <div>
            <h1>Application</h1>
            <h2>Groups:</h2>
        </div>
    );
};

// export default App;
export default graphql(myQuery)(App);

---

你们能看出区别吗？

你们最好用一个GraphTool游戏场来测试你们的查询和变异 . 然后连接到React。否则，还有许多细节需要调试。
这是我的程序

GraphTool部署是否正常

去操场可以吗

查询和变异可以吗

配置apollo客户端并连接到React组件。行吗

在组件控制台中的.log（this.props.data）是否正常

这是我的流程

---

最重要的是，当您添加一些模式和解析程序时，必须先将它们添加到graphcool.yaml文件中。否则，GraphTool无法找到您的架构和查询方法。

我仍然收到错误：UncaughtTypeError:\u super.call不是函数。4.js:sourcemap:12210上述错误发生在组件中。未捕获的TypeError:\u super.call不是函数。未捕获类型错误：无法读取undefinedok的属性“modules”，apollo将数据传递给props.data，应用程序组件中没有props。。让我们尝试添加道具并调试：

const-App=（道具）=>{return（应用程序组：{props.data}）；}我得到了死亡的白色屏幕，所以什么都没有呈现。我尝试了控制台日志记录道具，但是notting被记录了。我们已经解决了这两个问题，现在我们可能在index.js中遇到了“命名”问题
ReactDOM.render（，document.getElementById（'root'）//将其更改为“App”以外的内容。
help和do like on a my comment mate no change-(
cannot query field "allGroups" on type "Query"

 import { graphql, } from 'react-apollo';