Native Build Error mit Garn reagieren?

Question

Wörtlich alles, was ich versuche zu tun ist, bewegen Sie den Initialisierungscode von index.android.js/index.ios.js zu und app/index.js Datei. Ich exportiere das und importiere es zurück in index.android.js oder index.ios.js.

Dann bekomme ich den Fehler.

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object

Hat dieses Problem nicht haben, wenn ich npm verwendet. Es scheint, als wäre der Build-Prozess des Garns anders, denn wenn ich etwas in meinem Packer speichere, heißt es

Bundling 'index.android.js' aber nichts über iOS.

Meine app/index.js wie folgt aussieht

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

export default class Snapp extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      Welcome to React Native! 
     </Text> 
     </View> 
    ); 
    } 
} 

Und meine index.android.js und index.ios.js Dateien so aussehen

import Snapp from './app' 
import { AppRegistry } from 'react-native'; 

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

Irgendwelche Gedanken?

Answer 1

versuchen, die App in der gleichen JS mit der Komponente zu registrieren.

app/index.js

import React, { Component } from 'react'; 
import { 
    StyleSheet, 
    Text, 
    AppRegistry 
    View 
} from 'react-native'; 

export default class Snapp extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      Welcome to React Native! 
     </Text> 
     </View> 
    ); 
    } 
} 
AppRegistry.registerComponent('Snapp',() => Snapp); 

index.ios.js/index.android.js

require('./app/');