Unable to import react native custom module

Question

I am using react-native ES6. No compile time errors and no runtime errors. I tried to import a Main module, but I don't have any errors. Here is the below code for Main.js file:

'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;

Here is my first project file. I am trying to import Main.js file.

'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-style single-value exports don't work. There, you export single value instead of object: module.exports = Main

Change it to module.exports.Main

a better syntax is to use export default Main