无法导入react本机自定义模块

Question

我正在使用react-native ES6。没有编译时错误和运行时错误。我尝试导入一个主模块，但没有任何错误。下面是Main.js文件的代码：

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

class Main extends Component {
  render() {
    return (
      <View style={{justifyContent:'flex-start', marginTop: 120}}>
      <Text style={{fontSize:20}}> Testing the router</Text>
      <Text> Testing the router</Text>
      </View>
    );
  }
}

module.exports = Main;

这是我的第一个项目文件。我正在尝试导入Main.js文件。

'use-strict';
import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  NavigatorIOS
} from 'react-native';
import Main from './Main.js';

export default class FirstProject extends Component {
  render() {
    return (
      <NavigatorIOS
        initialRoute={{
          title: 'App Title',
          component: Main
        }} />
    );
  }
}

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

Answer 1

Node.js风格的单值导出不起作用。在这里，您导出单个值，而不是object：module.exports = Main

将其更改为module.exports.Main

更好的语法是使用export default Main