中继:查询中断,没有出现错误的迹象

我已经开始学习graphql(在这里添加relay),所以我按照步骤运行relay,创建了第一个查询:

function fetchQuery(operation, variables) {
  return fetch("http://localhost:3000/graphql", {
    method: "POST",
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify({
      query: operation.text,
      variables
    })
  }).then(response => {
    return response.json();
  });
}

const modernEnvironment = new Environment({
  network: Network.create(fetchQuery),
  store: new Store(new RecordSource())
});

class ClientList extends React.PureComponent {
  render() {
    return (
      <QueryRenderer
        envieronment={modernEnvironment}
        query={graphql`
          query ClientListQuery {
            clients {
              name
              cnpj
              ie
            }
          }
        `}
        variables={{}}
        render={({ error, props }) => {
          console.log("props", props);
          return <h1>hi</h1>;
        }}
      />
    );
  }
}

但它失败了,控制台上出现以下错误:

Uncaught TypeError:无法读取 未定义 在fetchQueryAndComputerStateFromProps上(ReactRelayQueryRenderer.js:214) 在constructClassInstance中(react dom.development.js:11447) at updateClass组件(react dom.development.js:13144) 在开始工作时(react dom.development.js:13824) 在执行工作时(react dom.development.js:15863) 在workLoop中(react dom.development.js:15902) 位于HTMLUnknownElement.callCallback(react dom.development.js:100) 在Object.invokeGuardedCallbackDev(react dom.development.js:138) 在invokeGuardedCallback(react dom.development.js:187)

谢谢。