安装后尝试设置时反应导航错误 - 元素类型无效

Question

我是 react-native 的新手，正在摆弄并遇到导航需求。但是，在按照 reactnavigation.org 上的说明进行操作后，我的模拟器向我发出了一个荒谬的错误。 Google这次很遗憾没有帮助。

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in.

Check the render method of AwakeInDevApp.

代码是他们拥有的最简单的示例：

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

class HomeScreen extends React.Component {
  static navigationOptions = {
    title: 'Welcome',
  };
  render() {
    return <Text>Hello, Navigation!</Text>;
  }
}

const EProj = StackNavigator({
  Home: { screen: HomeScreen },
});

AppRegistry.registerComponent('EProj', () => EProj);

依赖关系：

  "dependencies": {
    "expo": "^20.0.0",
    "react": "16.0.0-alpha.12",
    "react-native": "^0.47.0",
    "react-navigation": "^1.0.0-beta.11"
  }

Answer 1

看起来您不需要 AppRegistry.registerComponent('EProj', () => EProj); Expo 尝试像这样简单地导出您的模块：export default EProj

这是一个link类似问题

安装后尝试设置时反应导航错误 - 元素类型无效

React-navigation error when trying to set up after installing - Element type is invalid

javascript

android

reactjs

react-native

react-navigation