Réagissez La navigation ne fonctionne pas si les routes ne se trouvent pas dans les fichiers d'index

Question

Je m'exerce à la réactivité de mes compétences de navigation lorsque j'ai rencontré ce problème. Pardonnez-moi si c'est une question de débutant. Le titre résume à peu près tout. J'ai un StackNavigator défini dans un fichier Routes.js. Quand je l'exécute, ça ne marche pas. Mais si je le mets dans les fichiers d'index, ça fonctionne bien. Je suis sûr que j'ai exporté le StackNavigator et l'ai importé dans les fichiers d'index où j'ai mon AppRegistry. Je pourrais manquer quelque chose mais je ne suis pas sûr de ce que c'est.

Voici le message d'erreur:

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

Voici mes itinéraires fichier:

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 } 
    }) 

et voici mon fichier index.ios.js:

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

    import AppNavigator from './app/Routes' 

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

Les codes ci-dessus ne fonctionne pas. Mais celui-ci fait:

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) 

Mon idée est que je ne pas exporter le StackNavigator correctement ou je n'importe pas correctement aux fichiers d'index. Toute aide serait appréciée. Je vous remercie!

Answer 1

S'il vous plaît voir ce post pour la question dupliquée: Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: object

En outre, vérifiez cet article pour plus d'apprentissage de l'utilisation des modules de ES6: http://2ality.com/2014/09/es6-modules-final.html