appregistry del módulo no es un módulo invocable registrado (llamando

appregistry del módulo no es un módulo invocable registrado (llamando a runApplication)

No puedo encontrar una manera de hacer que la navegación reactiva funcione. Copié los ejemplos de trabajo de Internet, pero tampoco parecen funcionar. alguien puede decirme que estoy haciendo mal.

estoy usando nodo: 8.9.4 reaccionar: 16.3.0-alpha.1 reaccionar nativo: 0.54.0 reaccionar-navegación: ^1.4.0

//index.js
import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';
import {
  TabNavigator,
  StackNavigator
} from 'react-navigation';

import Home from './first';
import Homes from './second';

export default class demoApp extends Component {
  render() {
    return (
      <SimpleNavigation/>
    );
  }
}

export const SimpleNavigation = StackNavigator({
  Home: { 
    screen: Home,
    header: { visible: false },
    navigationOptions: {
      title: 'Home',
      header: null
    },
  },
  Homes: { 
    screen: Homes,
    navigationOptions: {
      title: 'second'
    },
  },
},{});

Aquí está la primera pestaña

//first.js
import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Image,
  TextInput,
  Button,
  TouchableHighlight
} from 'react-native';

export default class Home extends Component {
    constructor(props){
        super(props);
        this.state = {zipCode: ''}
    }
    navigate = (zipCode) => {
        this.props.navigation.navigate('Search', zipCode);
    }
    render() {
        return (
            <View>
                <View>
                    <Text>An application to do things</Text>
                    <TextInput 

                        placeholder='Enter a Zip Code' 
                        onChangeText={(zipCode) => this.setState({zipCode})}
                        >
                    </TextInput>
                </View>
                <View>
                    <TouchableHighlight onPress={() => this.navigate(this.state.zipCode)}>
                        <Text>
                            Search
                        </Text>
                    </TouchableHighlight>
                </View>
            </View>
        );
    }
}

Parece que no puedo hacerlo funcionar en absoluto. Intenté seguir muchos otros tutoriales también. Pero ninguno de ellos funcionó. ¿Qué estoy haciendo mal?

Mostrar la mejor respuesta

Puede probar la solución como se menciona aquí

Resuelto en mi caso en stackoverflow.com/a/65337406/6318705 , quizás puedas consultar.

Avatar xke
Respuesta aceptada

Yo también recibí este error hoy y fue muy molesto. Pude deshacerme de él eliminando la ventana de Terminal con el paquete "Metro" y luego volviendo a compilar la aplicación.

Parece que no es el código, sino el entorno de tiempo de ejecución (que parece funcionar bien con solo un ejemplo de aplicación a la vez). Puede verificar esto haciendo una aplicación súper simple que debería funcionar.

También tuve que hacer clic en el menú desplegable del dispositivo en Android Virtual Device Manager y seleccionar Borrar datos y reiniciarlo.

Simplemente elimine todos los procesos de nodos e inicie el servidor npm y ejecute la aplicación:

Paso 1: ejecute el comando killall -9 node

Paso 2: ejecute el comando npm start

Paso 3: ejecute el comando react-native run-ios O react-native run-android

Cierre su terminal Nodejs y vuelva a ejecutar