無法導入反應原生自定義模塊

Question

我正在使用原生反應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樣式的單值導出不起作用。在那裏，你導出的對象，而不是單個值：module.exports = Main

將其更改爲module.exports.Main

更好的語法是使用export default Main