ルートがインデックスファイルにない場合、リアクションナビゲーションが機能しない

Question

この問題が発生したときにリアクションナビゲーションのスキルを練習しています。これが初心者の質問であれば私を許してください。タイトルはそれをすべてかなり要約しています。私はStackNavigatorをRoutes.jsファイルで定義しています。私はそれを実行すると、動作しません。しかし、私がインデックスファイルに入れれば、うまくいきます。私はStackNavigatorをエクスポートし、AppRegistryを持っているインデックスファイルにインポートしたと確信しています。

私は何かが不足しているかもしれないが、私はそれが何であるか分からない。ここで

はエラーメッセージです：ここで

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

は私のルートファイルです：

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

    import AppNavigator from './app/Routes' 

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

コード：

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

、ここでは私のindex.ios.jsファイルです上記は機能しません。しかし、この1の処理が行われます。

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) 

私の手掛かりは、私はきちんとStackNavigatorをエクスポートしていないか、私はインデックスファイルにそれを正しくインポートしないということです。どんな助けもありがとう。ありがとうございました！

Answer 1

重複問題のために、この記事をご覧ください。 またUncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: object

は、より多くのES6モジュールの利用学習のために、この記事をチェックしてください。 http://2ality.com/2014/09/es6-modules-final.html