Reagieren Navigation funktioniert nicht, wenn Routen nicht in Indexdateien sind

Question

Ich übe meine Navigationsfähigkeiten, als ich auf dieses Problem stieß. Verzeih mir, wenn das eine neue Frage ist. Der Titel fasst so ziemlich alles zusammen. Ich habe einen StackNavigator in einer Routes.js-Datei definiert. Wenn ich es ausführe, funktioniert es nicht. Aber wenn ich es in die Indexdateien lege, funktioniert es gut. Ich bin mir sicher, dass ich den StackNavigator exportiert und in die Indexdateien importiert habe, in denen ich meine AppRegistry habe.

Ich könnte etwas vermissen, aber ich bin mir nicht sicher, was es ist. Hier

ist die Fehlermeldung:

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

Hier ist meine Routen-Datei:

import React, { Component } from 'react' 
    import { StackNavigator } from 'react-navigation' 

    import Hello from './screens/Hello' 
    import Hi from './screens/Hi' 
    import Ola from './screens/Ola' 

    export const AppNavigator = StackNavigator({ 
     Hello: { screen: Hello }, 
     Hi: { screen: Hi }, 
     Ola: { screen: Ola } 
    }) 

und hier ist meine index.ios.js Datei:

import React, { Component } from 'react' 
    import { AppRegistry } from 'react-native' 
    import { StackNavigator } from 'react-navigation' 

    import AppNavigator from './app/Routes' 

    AppRegistry.registerComponent('nav',() => AppNavigator) 

Die Codes oben funktionieren nicht. Aber das tut:

import React, { Component} from 'react' 
    import { AppRegistry } from 'react-native' 
    import { StackNavigator } from 'react-navigation' 

    import Hello from './app/screens/Hello' 
    import Hi from './app/screens/Hi' 
    import Ola from './app/screens/Ola' 

    export const AppNavigator = StackNavigator({ 
     Hello: { screen: Hello }, 
     Hi: { screen: Hi }, 
     Ola: { screen: Ola } 
    }) 

    import AppNavigator from './app/Routes' 

    AppRegistry.registerComponent('nav',() => AppNavigator) 

Meine Ahnung ist, dass ich nicht exportieren die StackNavigator richtig oder ich importiere es nicht richtig an die Index-Dateien. Jede Hilfe wäre willkommen. Vielen Dank!

Answer 1

Bitte lesen Sie diesen Beitrag für die duplizierten Ausgabe: Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: object

überprüfen Sie auch diesen Artikel für weitere ES6 Module Nutzung Lernen: http://2ality.com/2014/09/es6-modules-final.html