Javascript 如何设置api平台react admin graphql堆栈？

我正在设置一个Api平台（启用graphql）服务器和一个react admin客户端。 我在api平台上创建了一个资源（名称域）。如果我查询GraphQL游乐场应用程序，我会得到预期的结果。 使用ra data graphql simple软件包安装react admin后，客户端尝试连接，客户端返回错误“未知资源域。确保已在服务器端架构上声明”

这是我的App.js代码

import React, { Component } from 'react';
import { Admin, Resource, Delete } from 'react-admin';
import buildGraphQLProvider from 'ra-data-graphql-simple';
import myBuildQuery from './dataProvider';
import { DomainShow, DomainEdit, DomainCreate, DomainList } from './domain';
class App extends Component {
  constructor() {
      super();
      this.state = { dataProvider: null };
  }
  componentDidMount() {
        const introspectionOptions = {
            include: ['Domains', 'Purchases'],
        };

      buildGraphQLProvider({ 
            //buildQuery: myBuildQuery, 
            clientOptions: { uri: 'http://127.0.0.1:8000/api/graphql' },
            introspection: introspectionOptions

        })
        .then(dataProvider => this.setState({ dataProvider }));
  }

  render() {
      const { dataProvider } = this.state;

      if (!dataProvider) {
          return <div>Loading</div>;
      }

      return (
          <Admin dataProvider={dataProvider}>
              <Resource name="domains" list={ DomainList } create={ DomainCreate } show={ DomainShow } edit={ DomainEdit } title="Domains"/>
          </Admin>
      );
  }
}

export default App;

import React，{Component}来自'React'；
从“react Admin”导入{Admin，Resource，Delete}；
从“ra数据graphql simple”导入buildGraphQLProvider；
从“/dataProvider”导入myBuildQuery；
从“/domain”导入{DomainShow、DomainEdit、DomainCreate、DomainList}；
类应用程序扩展组件{
构造函数（）{
超级（）；
this.state={dataProvider:null}；
}
componentDidMount（）{
常量自省选项={
包括：['域名'，'购买']，
};
buildGraphQLProvider（{
//buildQuery:myBuildQuery，
客户端选项：{uri:'http://127.0.0.1:8000/api/graphql' },
内省：内省选项
})
.then（dataProvider=>this.setState（{dataProvider}））；
}
render（）{
const{dataProvider}=this.state；
如果（！数据提供程序）{
回装；
}
返回(
);
}
}
导出默认应用程序；