我是 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"
}
最佳答案
看起来您不需要 AppRegistry.registerComponent('EProj', () => EProj);
使用 Expo 尝试简单地导出您的模块,如下所示:导出默认 EProj
这是一个link类似的问题
关于javascript - 安装后尝试设置时出现 react 导航错误 - 元素类型无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46143964/