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

我正在使用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;

“使用严格”；
从“React”导入React，{Component}；
从“react native”导入{View，Text，StyleSheet}；
类主扩展组件{
render（）{
返回(
测试路由器
测试路由器
);
}
}
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);

“使用严格”；
从“React”导入React，{Component}；
进口{
评估学，
样式表，
文本，
看法
导航器
}从“反应本机”；
从“/Main.js”导入Main；
导出默认类FirstProject扩展组件{
render（）{
返回(
);
}
}
AppRegistry.registerComponent（'FirstProject'，（）=>FirstProject）；

Node.js样式的单值导出不起作用。在这里，可以导出单个值而不是对象：

module.exports=Main

将其更改为

module.exports.Main

---

更好的语法是使用

export default Main

问题在react native中，但不在node中。js@coolly当然，react native:）我说过Node.js样式不会work@coolly如果这个答案不能解决你的问题，请让我知道（这样我就可以删除它）不相关的答案应该删除确保您的路径正确，以包含main.js