リアクトネイティブインポートパスは問題

Question

私はAA RNアプリ（RNバージョン0.48.3）、私のフォルダ構造を持っているショートカットindex.js：

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

export default class home extends Component { 
    render() { 
    return (
     <View> 
    ... 
     </View> 
    ); 
    } 
} 

私はアプリを実行すると、それは私に、このエラーを示しています

Element type is invalid: expected a string (for Built-in components) or a class/Object...

しかし、ときindex.ios.jsの変化二行目は、それが正常に動作します：

import home from './app'; -> import home from './app/index.js'; 

誰もがなぜ私に説明することができますか？パス "./app"がindex.jsの内部で正しくありませんか？

Answer 1

出来上がり

キャメルケースとホームで試してみてください、とあなたからクラス名をホームを削除：i「は./appからインポートホームでパスを変更した場合...それが唯一の仕事

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

export default class extends Component { 
    render() { 
    return (
     <View> 
    ... 
     </View> 
    ); 
    } 
} 



import {AppRegistry} from 'react-native'; 
    import Home from './app'; 
    AppRegistry.registerComponent('Home',() => Home);