React Native之編譯提示Only one default export allowed per module.

1 問題

部分代碼如下

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Home Screen</Text>
      </View>
    );
  }
}
 
export default createStackNavigator({
  Home: {
    screen: HomeScreen
  },
});
 
export default class App extends React.Component {
  render() {
    return <RootStack/>;
  }
}      

2 解決辦法

export default 聲明隻能有一個,改成如下即可

import React from 'react';
import { View, Text } from 'react-native';
import { createStackNavigator } from 'react-navigation';
 
class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Home Screen</Text>
      </View>
    );
  }
}
 
const RootStack = createStackNavigator({
    Home : {
        screen : HomeScreen
    },
});
 
export default class App extends React.Component {
  render() {
    return <RootStack/>;
  }
}