无法读取 null 的属性“名称”（react-admin）

Question

我有最简单的代码可以检查react-admin：

import React, { Component } from "react";
import buildGraphQLProvider from "ra-data-graphql-simple";
import { Admin, Resource } from "react-admin";
import posts from "./routes/posts";

class App extends Component {
  constructor() {
    super();
    this.state = { dataProvider: null };
  }
  componentDidMount() {
    buildGraphQLProvider({
      clientOptions: { uri: "https://countries.trevorblades.com" }
    })
      .then(dataProvider => this.setState({ dataProvider }))
      .catch(e => console.log(e.message));
  }

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

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

    return (
      <Admin dataProvider={dataProvider}>
        <Resource name="posts" {...posts} />
      </Admin>
    );

    //or, directly return <Admin dataProvider={dataProvider} />

  }
}

export default App;

但我总是在控制台中遇到同样的错误：Cannot read property 'name' of null

我的依赖是：

    "graphql": "14.6.0",
    "graphql-tag": "2.10.1",
    "ra-core": "3.1.4",
    "ra-data-graphql-simple": "3.1.4",
    "react": "16.12.0",
    "react-admin": "3.2.0",
    "react-apollo": "3.1.3",
    "react-dom": "16.12.0",
    "react-scripts": "3.0.1"

我做错了什么？？

Answer 1

我遇到了同样的问题。

问题是我在我的 graphql 架构中缺少 Mutation 类型，因此检查

type.name !== schema.mutationType.name

抛出错误，因为 schema.mutationType 未定义

确保您的架构中有 Mutation 类型，即使它是空的也是如此

Answer 2

也许你想写？

<Resource name="posts" />

您阅读过文档吗？

https://marmelab.com/react-admin/Resource.html