糸でネイティブビルドエラーに反応しますか？

Question

文字通り、初期化コードをindex.android.js/index.ios.jsからapp/index.jsに移動するだけです。私はそれをエクスポートし、それをindex.android.jsまたはindex.ios.jsに戻します。

次にエラーが発生します。私は、NPMを使用する場合

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

は、この問題を持っていませんでした。私のパッケージャに何かを保存するときはいつでも、糸の構築プロセスは異なるかもしれないと言われます。

Bundling 'index.android.js'しかしiOSについては何も言いません。この

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

export default class Snapp extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      Welcome to React Native! 
     </Text> 
     </View> 
    ); 
    } 
} 

そして、私のindex.android.jsとindex.ios.jsファイルのような

私app/index.jsルックスはこの

import Snapp from './app' 
import { AppRegistry } from 'react-native'; 

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

任意の考えのように見えますか？

Answer 1

コンポーネントを同じJSに登録してみてください。

アプリ/ index.js

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

export default class Snapp extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      Welcome to React Native! 
     </Text> 
     </View> 
    ); 
    } 
} 
AppRegistry.registerComponent('Snapp',() => Snapp); 

index.ios.js/index.android.js

require('./app/');