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/>;
      }
    }

 

 



 










作者:chen.yu
深信服三年半工作經(jīng)驗(yàn),目前就職游戲廠商,希望能和大家交流和學(xué)習(xí),
微信公眾號:編程入門到禿頭 或掃描下面二維碼
零基礎(chǔ)入門進(jìn)階人工智能(鏈接)