React-navigation error beim Versuch, nach der Installation einzurichten - Elementtyp ist ungültig - javascript, android, reactjs, reactive-native, react-navigation

Ich bin neu zu reagieren-nativ und spielte herumstieß auf die Notwendigkeit der Navigation. Nach Befolgung der Anweisungen auf reactnavigation.org spuckt mein Emulator jedoch einen unsinnigen Fehler aus. Google hatte diesmal leider keine Hilfe.

Elementtyp ist ungültig: erwartete einen String (für eingebaute Komponenten) oder eine Klasse / Funktion (für zusammengesetzte Komponenten), aber got: object. Sie haben wahrscheinlich vergessen, Ihre Komponente aus der Datei zu exportieren, in der sie definiert ist.

Überprüfen Sie die Render-Methode von AwakeInDevApp.

Code ist das simpelste Beispiel, das sie haben:

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);

Abhängigkeiten:

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

Antworten:

Es sieht so aus, als ob Sie nicht brauchen AppRegistry.registerComponent("EProj", () => EProj); Mit Expo können Sie Ihr Modul einfach so exportieren: export default EProj

Hier ist ein Verknüpfung zu einem ähnlichen Problem