Relay funktioniert nicht mit React Native

Question

Ich versuche, ein grundlegendes React Native Relay-Projekt einzurichten. Ich erstelle dieses Problem, nachdem ich viel Zeit damit verbracht habe, das Problem ohne Erfolg zu debuggen. Ich erhalte diese Warnung auf der Konsole und meine native App reagiert nicht mehr auf den GraphQL-Server.

Warning: RelayNetworkLayer: Call received to injectImplementation(), but a layer was already injected. 


Running application "ExampleApp" with appParams: {"rootTag":1,"initialProps":{}}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF 

fetchWithRetries(): Still no successful response after 1 retries, giving up. 

Hier ist mein Code

index.ios.js

import React, { Component } from 'react'; 
import Relay from 'react-relay'; 

import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 
import App from './app'; 
import AppRoute from './route/appRoute'; 

Relay.injectNetworkLayer(
    new Relay.DefaultNetworkLayer("http://localhost:1337/graphy") 
); 

class ExampleApp extends Component { 
    render() { 
    return (
     <Relay.RootContainer 
     Component={App} 
     route={new AppRoute()} 
     /> 
    ); 
    } 
} 

AppRegistry.registerComponent('ExampleApp',() => ExampleApp); 

appRoute.js

'use strict'; 

import Relay from 'react-relay'; 

export default class extends Relay.Route { 
    static queries = { 
    page: (Component) => Relay.QL` 
     query { 
     posts(offset: 0) { ${Component.getFragment('page')} } 
     } 
    `, 
    }; 

    static routeName = 'AppRoute'; 
} 

app.js

'use strict'; 

import React, {Component} from 'react'; 
import Relay from 'react-relay'; 

import { 
    View, 
    Text, 
} from 'react-native'; 

class App extends Component { 

    render() { 
    console.log('props', this.props); 
    return(
    <View> 
     <Text>Testing</Text> 
    </View> 
    ); 
    } 
} 


export default Relay.createContainer(App, { 
    fragments: { 
    page:() => Relay.QL` 
     fragment on Viewer { 
     posts { id, title } 
     } 
    `, 
    } 
}); 

package.json

{ 
    "name": "ExampleApp", 
    "version": "0.0.1", 
    "private": true, 
    "scripts": { 
    "start": "node node_modules/react-native/local-cli/cli.js start" 
    }, 
    "dependencies": { 
    "babel": "^6.5.2", 
    "babel-preset-react-native": "^1.8.0", 
    "babel-relay-plugin": "^0.8.1", 
    "react": "^0.14.8", 
    "react-native": "^0.25.1", 
    "react-relay": "^0.8.1" 
    } 
} 

babelRelayPlugin.js

const getBabelRelayPlugin = require('babel-relay-plugin'); 
const schema = require('../schema.json'); 

module.exports = { plugins: [getBabelRelayPlugin(schema.data)] }; 

ist der vollständige Repo-Link: https://github.com/popstand/react-native-relay-graphql-example

ähnlicher Code mit ReactJS gebaut und Relay funktioniert gut auf der Homepage. Ich kann es nicht mit React Native arbeiten lassen. Was geht hier möglicherweise schief, was dieses Problem verursacht?

Answer 1

Ich würde vorschlagen, dass Sie die F8 App by Facebook überprüfen können. Es ist definitiv ein setup script, ein main route, ein relay container und a schema zu sehen.

Answer 2

Es ist möglich, dass Ihr GraphQL-Server eine falsche Antwort zurückgibt. Das ist mir passiert und ich löse mit debug den Server (mit this).

Sie können den Code dieser Beispielanwendung sehen in: https://github.com/danielfeelfine/react-native-relay