Reactjs react apollo getClient未定义
我使用阿波罗的方式似乎有错误。在这些文档之后,我将尝试与Apollo进行一次基本查询。这是我在查看页面时在浏览器中遇到的错误。似乎this.getClient未定义,无法调用watchQueryReactjs react apollo getClient未定义,reactjs,graphql,apollo,react-apollo,apollo-client,Reactjs,Graphql,Apollo,React Apollo,Apollo Client,我使用阿波罗的方式似乎有错误。在这些文档之后,我将尝试与Apollo进行一次基本查询。这是我在查看页面时在浏览器中遇到的错误。似乎this.getClient未定义,无法调用watchQuery react-apollo.browser.umd.js:417 Uncaught TypeError: this.getClient(...).watchQuery is not a function at GraphQL.createQuery (react-apollo.browser.umd.js
react-apollo.browser.umd.js:417 Uncaught TypeError: this.getClient(...).watchQuery is not a function
at GraphQL.createQuery (react-apollo.browser.umd.js:417)
at GraphQL.setInitialProps (react-apollo.browser.umd.js:404)
at GraphQL.componentWillMount (react-apollo.browser.umd.js:260)
etc...
下面是查看页面的代码。我创建一个Review React组件,声明一个调用userInfo查询的graphql标记,并导出连接到下面的Review页面的graphql标记
import React from 'react'
import { graphql } from 'react-apollo';
import gql from 'graphql-tag'
class Review extends React.Component {...}
const userInfoQuery = gql`
query userInfoQuery{
userInfo {
_id
email
name {
first
last
}
isVerified
}
}`
const ReviewWithData = graphql(userInfoQuery)(Review)
export default ReviewWithData;
问题是我在root index.js文件中定义了错误的客户端。对于下面的代码,我导出的客户端实际上不是正确的Apollo客户端。因此,第六次导入时的变量
client
正在导入一些其他函数。吸取教训!应该更加小心
import React from 'react';
import { render } from 'react-dom';
import { BrowserRouter } from 'react-router-dom'
import { ApolloProvider } from 'react-apollo';
import App from './containers/app';
import client from './services/Apollo'
const CustomerFrontendApp = (
<ApolloProvider client={BitsyApollo.client}>
<BrowserRouter>
<App />
</BrowserRouter>
</ApolloProvider>
);
从“React”导入React;
从'react dom'导入{render};
从“react router dom”导入{BrowserRouter}
从'react apollo'导入{ApolloProvider};
从“./containers/App”导入应用程序;
从“./services/Apollo”导入客户端
常量CustomerFrontendApp=(
);
render(BitsyCustomerFrontendApp,document.getElementById('root') 从你发布的代码很难判断。你有更相关的代码吗?另外,您是否使用了Apollo Provider组件?