2016-06-27 7 views
1

同じコードベースを共有しようとしていますので、index.jsファイルにコードを書きました。 index.ios.jsおよびindex.android.jsファイル。
これはindex.ios.jsのコードです:要素タイプが無効です:文字列またはクラス/関数が必要ですがオブジェクトがあります。

export default class MYCLASS extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.title}> 
      my text 
     </Text> 
     </View> 
    ); 
    } 
} 

答えて

0

を、私はそれはそれはエラーを取り除くようには見えません。しかし、あなたがReactの輸入を変更する必要があります同意するものとします。私のテストによると、モジュールのバンドラーは、アプリケーションのルートにindex.jsで苦労しているようです。あなたがその輸入を変更する場合:

import MYCLASS from './index.js';

それが正常に動作します。それ以外の場合(././index)、そのエラーが発生します。

index.jsの名前をApp.jsMain.jsなどのように変更し、それに応じてインポートステートメントを更新することをお勧めします。組織化された名前空間(ディレクトリ)の下にリソースを公開する場合は、index.jsを使用します。

2

あなたは、あなたが反応インポート方法を変更する必要があります。

'use strict'; 

    import React, { AppRegistry } from 'react-native'; 
    import MYCLASS from './index'; 

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

これはindex.js内のコードの一部です。

は、詳細については、この他の回答を参照してください: https://stackoverflow.com/a/37415044/158525

関連する問題