元素类型无效：预期为字符串或类/函数，但得到：对象

Question

我试图共享相同的代码库，所以我将代码编写在index.js文件中，并将相同的代码放入index.ios.js和index.android.js文件中。
这是index.ios.js的代码：

'use strict';

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

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

这是index.js一些代码：

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

Answer 1

您需要更改导入React的方式。

有关详细信息，请参见此其他答案： https : //stackoverflow.com/a/37415044/158525

Answer 2

我同意你需要修改React导入，但是看起来并不能消除错误。 根据我的测试，模块捆绑器似乎对应用程序根目录中的index.js处境艰难。 如果将导入更改为：

import MYCLASS from './index.js';

那就可以了 别的（ ./ ， ./index ）将导致错误。

我建议您将index.js重命名为App.js Main.js等，并相应地更新import语句。 如果要在有组织的名称空间（目录）下公开资源，请使用index.js 。