Javascript 无法读取属性';getRequest';未定义继电器的设计
我正在尝试进行我的第一次中继查询。我做了Javascript 无法读取属性';getRequest';未定义继电器的设计,javascript,reactjs,graphql,relay,Javascript,Reactjs,Graphql,Relay,我正在尝试进行我的第一次中继查询。我做了npm运行中继和npm运行构建。一切正常,但在console中我遇到了错误: 有人知道是什么导致了这个错误吗 更新 Table.js(我要在其中进行查询的组件) 所有内容都来自文档设置页面。在Table.js中,您似乎混淆了导入的语法: const-environment=import('../../environment.js');//错 const-environment=require('../../environment.js');//好啊 从“
npm运行中继
和npm运行构建
。一切正常,但在console中我遇到了错误:
有人知道是什么导致了这个错误吗
更新
Table.js(我要在其中进行查询的组件)
所有内容都来自文档设置页面。在
Table.js
中,您似乎混淆了导入的语法:
const-environment=import('../../environment.js');//错
const-environment=require('../../environment.js');//好啊
从“../../environment.js”;/”导入环境好啊
使用
import('../../environment.js')
使其成为一个动态导入,返回一个承诺(取决于您的绑定器配置),并且不太可能是您想要的。您可以共享导致此错误的代码吗?如果他们只能看到控制台中的错误,没有人能帮助你。@Matt我做了更新。
import React, { Component } from 'react';
import { graphql, QueryRenderer } from 'react-relay';
const environment = import('../../environment.js');
class Table extends Component {
render() {
return (
<QueryRenderer
environment={environment}
query={graphql`
query TableQuery {
users {
data {
name
}
}
}
`}
render={({error, props}) => {
return <div>User: 1</div>;
}}
/>
);
}
}
export default Table;
import {
Environment,
Network,
RecordSource,
Store,
} from 'relay-runtime';
function fetchQuery(
operation,
variables,
) {
return fetch('/graphql', {
method: 'POST',
headers: {
'content-type': 'application/json'
},
body: JSON.stringify({
query: operation.text,
variables,
}),
}).then(response => {
return response.json();
});
}
const network = Network.create(fetchQuery);
const store = new Store(new RecordSource());
const environment = new Environment({
network,
store
});
export default environment;