我正在尝试进行第一个中继查询。我执行了 npm run relay
和 npm run build
。一切正常,但在控制台中出现错误:
有谁知道可能导致此错误的原因吗?
更新。
Table.js (component where I want make query)
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;
environment.js (relay config)
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;
一切都来自文档设置页面。
最佳答案
在 Table.js
中,您似乎混淆了导入的语法:
const environment = import('../../environment.js'); // Wrong
const environment = require('../../environment.js'); // OK
import environment from '../../environment.js'; // OK
使用 import('../../environment.js')
使其成为一个动态导入,它返回一个 Promise(取决于您的 bundler 配置)并且不太可能是您想要的。
关于javascript - 无法读取未定义的属性 'getRequest' - 继电器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55091231/