React-Native: Module AppRegistry non è un modulo richiamabile registrato

Attualmente sto cercando di ottenere il server webpack-nativo di reazione ES6 in esecuzione su un emulatore Android. La differenza è che ho aggiornato il mio package.jsone build.gradeper usare React 0.18.0e ricevo questo errore all'avvio. Per quanto ne so AppRegistryè importato correttamente. Anche se dovessi commentare il codice, questo errore viene comunque visualizzato. Funziona su iOS senza problemi.

Che cosa sto facendo di sbagliato?

EDIT: Dopo aver provato altri boilerplate che supportano 0.18.0, sto ancora riscontrando lo stesso problema.

ho appena aggiornato a React-Native 0.18.1 oggi difficile avere alcuni problemi di dipendenze peer con0.19.0-rc la versione pre-rilascio.

Tornando alla tua domanda, quello che ho fatto è stato

1. cd android
2. sudo ./gradlew clean(maggiori informazioni su come funziona la pulizia qui )

quindi torna alla directory di lavoro ed esegui react-native run-android

dovresti riavviare anche il tuo npm dopo l'aggiornamento.

spero che questo funzioni per te.

Ho avuto lo stesso problema su iOS e la causa per me era che il mio index.ios.js non era corretto (perché ho copiato e incollato uno degli esempi senza guardarne il contenuto), stava finendo con una dichiarazione di esportazione del modulo

exports.title = ...
exports.description = ...
module.exports = MyRootComponent;

Invece del previsto

AppRegistry.registerComponent('MyAppName', () => MyRootComponent);

Potresti avere lo stesso problema su Android con index.android.js immagino.

L'unico motivo principale di questo problema potrebbe essere dove avresti installato un plug-in e dimenticare di collegarlo .

prova questo:

react-native link

Riesegui la tua app.

Spero che questo ti aiuti. Per favore fatemelo sapere nei commenti . Grazie.

Ho risolto questo problema semplicemente aggiungendo

import { AppRegistry } from "react-native";
import App from "./App";
import { name as appName } from "./app.json";  
AppRegistry.registerComponent(appName, () => App);

al mio index.js

assicurati che esista nel tuo index.js

Per me il mio problema era inserire il file di ingresso sbagliato durante il raggruppamento.

Stavo usando App.js come file di ingresso, quindi l'app non è riuscita a trovare AppRegistry

Corretta:

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

non corretto:

react-native bundle --platform android --dev false --entry-file App.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

Si spera che questo possa salvare qualcuno dal mal di testa. Ho ricevuto questo errore dopo aver aggiornato la mia versione nativa di reazione. In modo confuso è apparso solo sul lato androide delle cose.

La mia struttura di file include un index.ios.jse un file index.android.js. Entrambi contengono il codice:

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

Quello che dovevo fare era, in android/app/src/main/java/com/{projectName}/MainApplication.java, cambiare indexin index.android:

@Override
protected String getJSMainModuleName() {
    return "index.android"; // was "index"
}

Quindi in app/build/build.gradle, modifica entryFileda index.jsaindex.android.js

project.ext.react = [
    entryFile: "index.android.js" // was index.js"
]

Per me il solo riavvio del computer lo ha risolto. (Il mio errore era "il modulo appRegistry non è un modulo richiamabile registrato (chiamata runapplication) motore js: hermes")

Un'altra risposta importante che manca qui e potrebbe aver funzionato era solo per uccidere i processi del nodo:

killall -9 node

[Il modulo AppRegistry non è un modulo richiamabile registrato (chiamata runApplication) ]

Non so perché, ma quando sposto AppRegistry.registerComponent dal file index.js incluso in index.android.js per risiedere direttamente all'interno di index.android.js, sembra funzionare.

Se stai usando alcuni degli esempi, potrebbero non funzionare

Ecco la mia versione per la visualizzazione a scorrimento

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */

import React, {
  AppRegistry,
  Component,
  StyleSheet,
  Text,
  View,
  ScrollView,
  TouchableOpacity,
  Image
} from 'react-native';

class AwesomeProject extends Component {
  render() {
    return (
        <View>
          <ScrollView
            ref={(scrollView) => { _scrollView = scrollView; }}
            automaticallyAdjustContentInsets={false}
            onScroll={() => { console.log('onScroll!'); }}
            scrollEventThrottle={200}
            style={styles.scrollView}>
            {THUMBS.map(createThumbRow)}
          </ScrollView>
          <TouchableOpacity
            style={styles.button}
            onPress={() => { _scrollView.scrollTo({y: 0}); }}>
            <Text>Scroll to top</Text>
          </TouchableOpacity>
        </View>
    );
  }
}

var Thumb = React.createClass({
  shouldComponentUpdate: function(nextProps, nextState) {
    return false;
  },
  render: function() {
    return (
      <View style={styles.button}>
        <Image style={styles.img} source={{uri:this.props.uri}} />
      </View>
    );
  }
});

var THUMBS = [
'http://loremflickr.com/320/240?random='+Math.round(Math.random()*10000) + 1,
'http://loremflickr.com/320/240?random='+Math.round(Math.random()*10000) + 1,
'http://loremflickr.com/320/240?random='+Math.round(Math.random()*10000) + 1
];

THUMBS = THUMBS.concat(THUMBS); // double length of THUMBS
var createThumbRow = (uri, i) => <Thumb key={i} uri={uri} />;

var styles = StyleSheet.create({
  scrollView: {
    backgroundColor: '#6A85B1',
    height: 600,
  },
  horizontalScrollView: {
    height: 120,
  },
  containerPage: {
    height: 50,
    width: 50,
    backgroundColor: '#527FE4',
    padding: 5,
  },
  text: {
    fontSize: 20,
    color: '#888888',
    left: 80,
    top: 20,
    height: 40,
  },
  button: {
    margin: 7,
    padding: 5,
    alignItems: 'center',
    backgroundColor: '#eaeaea',
    borderRadius: 3,
  },
  buttonContents: {
    flexDirection: 'row',
    width: 64,
    height: 64,
  },
  img: {
    width: 321,
    height: 200,
  }
});

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

L'ho disinstallato su Genmony. Quindi corri react-native run-androidper creare l'app. E ha funzionato. Provalo prima di correre sudo ./gradlew clean, ti farà risparmiare un sacco di tempo.

riavviare packager ha funzionato per me. basta uccidere il packager nativo di reagire ed eseguirlo nuovamente.

se stai affrontando questo errore in Windows con Android

apri la cartella dell'app della directory principale e spostati nella cartella Android.

     cd android 
     gradlew clean

avvia di nuovo la tua app react-native run-android

bhooom funziona

Nel mio caso, il mio index.jspunta semplicemente a un altro js invece del mio js di avvio erroneamente, che non contiene AppRegistry.registerComponent().

Quindi, assicurati che il file index.jspunti per registrare la classe.

Il mio problema è stato risolto aumentando il mio inotify max_user_watches:

sudo sysctl fs.inotify.max_user_watches=1280000

Per me si trattava di un problema con la dipendenza nativa di reazione dalla prossima versione del pacchetto di reazione, mentre nel mio pacchetto.json era specificata quella vecchia. L'aggiornamento della mia versione React ha risolto questo problema.

Per me mi sono collegato a React Native in questo modo: React-Native Link

npm start - --reset-cache

Probabilmente la porta è già in uso. Affronto un problema simile quando eseguo per la prima volta react-native run-android e poi npm start. Lo risolvo in questo modo: Innanzitutto, ottieni l'id del processo in esecuzione nella porta 8081: sudo lsof -i: 8081

Ho ricevuto questo errore in Expo perché avevo esportato il nome del componente sbagliato, ad es

const Wonk = props => (
  <Text>Hi!</Text>
)

export default Stack;

Ho risolto questo problema effettuando le seguenti operazioni:

1. cd android
2. ./gradlew clean
3. taskkill / f / im node.exe
4. disinstallare l'app da Android

Se si utilizza macchina Windows è necessario fare cd androidpoi ./gradlew cleanquindi eseguirereact-native run-android