javascript - 安装后尝试设置时出现 react 导航错误 - 元素类型无效

Question

我是 react 原生新手，正在摆弄并遇到了导航的需要。然而，按照reactnavigation.org 上的指示进行操作后，我的模拟器向我抛出了一个无意义的错误。遗憾的是，谷歌这次没有提供任何帮助。

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 尝试简单地导出您的模块，如下所示:导出默认 EProj

这是一个link类似的问题