React本机: React导航问题

Question

有人能告诉我我做错了什么吗？

我是非常新的反应原住民，我是遵循的例子，反应导航从这里开始。

该应用程序是通过世博IDE开发的。

https://reactnavigation.org/docs/intro/quick-start

这是我的App.js的src代码

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { RootNavigator } from './src/RootNavigator';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <RootNavigator />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

这是我的RootNavigator.js的src代码

import React from 'react';
import { View, Text } from 'react-native';
import { StackNavigator } from 'react-navigation';

const HomeScreen = () => (
  <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
    <Text>Home Screen</Text>
  </View>
);

const DetailsScreen = () => (
  <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
    <Text>Details Screen</Text>
  </View>
);

const RootNavigator = StackNavigator({
  Home: {
    screen: HomeScreen,
    navigationOptions: {
      headerTitle: 'Home',
    },
  },
  Details: {
    screen: DetailsScreen,
    navigationOptions: {
      headerTitle: 'Details',
    },
  },
});

export default RootNavigator;

Rootnavigator.js，位于src文件夹内(附屏幕截图)

​

​

当我试图在我的iphone上运行这个错误时，我得到了这个错误。

​

​

Answer 1

您正在执行export default App，这是一个未命名的导出，因此需要更改：

import { RootNavigator } from './src/RootNavigator';

至

import RootNavigator from './src/RootNavigator';

有关es6导入/导出的更多信息，请参见：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export