私はApolloを使用して自分のローカルGraphQLサーバに接続しようとしています。以下はreact-apollo2.0
を使った私の試みです。でも、react-apollo1.4
とcreateNetworkInterface
で試してみましたが、同じエラーが発生しています。私は取得していますreact-apolloが私のgraphqlローカルサーバに接続していません
import { graphql } from 'react-apollo';
import gql from 'graphql-tag';
import { AppRegistry } from 'react-native';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { ApolloClient } from 'apollo-client';
import { ApolloProvider } from 'react-apollo';
const client = new ApolloClient({
link: new HttpLink({ uri: 'http://localhost:8000/graphql' }),
cache: new InMemoryCache()
});
function FooList({ data: { loading, posts } }) {
if (loading) {
return <Text>Loading</Text>;
} else {
return (
<List>
<ListItem>
<Left>
<Text>John Doe5</Text>
<Text note>(buyer)</Text>
</Left>
<Right>
<Text note>21 min ago</Text>
</Right>
</ListItem>
</List>
);
}
}
export default graphql(gql`
query allLeads {
id
name
}
`)(FooList);
const App =() => (
<ApolloProvider client={client}>
<FooList/>
</ApolloProvider>
);
export default App;
エラー:
私の依存関係。
"dependencies": {
"@expo/vector-icons": "^6.2.0",
"apollo-client-preset": "^1.0.4",
"expo": "^22.0.2",
"graphql": "^0.11.7",
"graphql-tag": "^2.6.0",
"native-base": "^2.3.3",
"react": "16.0.0-beta.5",
"react-apollo": "^2.0.4",
"react-link": "^1.0.3",
"react-native": "^0.49.5",
"react-navigation": "^1.0.0-beta.21"
}
ドキュメントによると、これは設定する方法です。私のサーバーはヒットしていないので、グラフブラウザにはhttp://localhost:8000/graphqlでアクセスできます。
私はここで何が欠けていますか?
モバイルプロジェクトと同じプロジェクトにサーバーがありますか? –
いいえ、これはDjangoサーバーです。 –
'localhost'の代わりに192.168.1.4のようなローカルIPアドレスを使用してみてください – Dyo