创建React Native应用程序时出错：元素类型无效：预期为字符串或类/函数，但得到了：对象

Question

这似乎是一个以前提出的问题，但是到目前为止，我遇到的每个解决方案都是我的代码中已有的东西，或者是解决比我自己的代码库复杂得多的代码库的问题。 我要做的就是从React Native CLI生成的启动程序代码为我的应用程序创建一个中央入口点。 这是我到目前为止的内容：

index.ios.js：

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

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

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

index.android.js：

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

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

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

index.js：

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

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

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    },
    welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
    },
    instructions: {
        textAlign: 'center',
        color: '#333333',
        marginBottom: 5,
    },
});

export default class MyApp extends Component {
    render() {
        return (
            <View style={styles.container}>
              <Text style={styles.welcome}>
                Welcome to React Native!
              </Text>
              <Text style={styles.instructions}>
                To get started, edit index.ios.js
              </Text>
              <Text style={styles.instructions}>
                Press Cmd+R to reload,{'\n'}
                Cmd+D or shake for dev menu
              </Text>
            </View>
        );
    }
}

但是尝试运行该应用程序会产生以下结果： 先前的答案似乎表明使用export default class应该可以解决此问题，但是当我创建该应用程序时，该问题已在使用中。 关于什么可能导致此的任何建议？ 提前致谢。

Answer 1

尝试移出根文件夹的index.js。

创建一个文件夹“ src”，将index.js移到该文件夹​​中，然后通过以下方式将其导入index.ios.js和index.android.js中 ：

import MyApp from './src/index';

问题是，在同一根路径下的index.js和index.ios.js不是一个好主意。 我刚刚通过测试应用程序进行了尝试。