React-Native: Module AppRegistry bukanlah modul yang dapat dipanggil terdaftar

Saat ini saya mencoba untuk menjalankan ES6 react-native-webpack-server pada emulator Android. Perbedaannya adalah saya telah mengupgrade saya package.jsondan build.grademenggunakan react 0.18.0, dan saya mendapatkan kesalahan ini saat boot. Sejauh yang saya tahu AppRegistrydiimpor dengan benar. Bahkan jika saya mengomentari kode kesalahan ini masih muncul. Ini berfungsi di iOS tanpa masalah.

Apa yang saya lakukan salah?

EDIT: Setelah mencoba boilerplate lain yang mendukung 0.18.0, saya masih menemukan masalah yang sama.

Saya baru saja memutakhirkan ke react-native 0.18.1hari ini karena mengalami beberapa masalah dependensi peer dengan 0.19.0-rcversi pra-rilis.

Kembali ke pertanyaan Anda, apa yang saya lakukan adalah

1. cd android
2. sudo ./gradlew clean(informasi lebih lanjut tentang cara kerja bersih di sini )

lalu kembali ke direktori kerja dan jalankan react-native run-android

Anda harus memulai ulang npm Anda juga setelah peningkatan itu.

semoga ini berhasil untuk Anda.

Saya memiliki masalah yang sama di iOS dan penyebabnya bagi saya adalah index.ios.js saya salah (karena saya menyalin-tempel salah satu contoh tanpa melihat isinya), itu diakhiri dengan deklarasi ekspor modul

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

Bukan seperti yang diharapkan

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

Anda bisa memiliki masalah yang sama di android dengan index.android.js saya kira.

Salah satu alasan utama dari masalah ini mungkin karena Anda memasang plugin dan lupa menautkannya .

coba ini:

react-native link

Jalankan ulang aplikasi Anda.

Semoga ini bisa membantu. Tolong beri tahu saya di komentar . Terima kasih.

Saya memecahkan masalah ini hanya dengan menambahkan

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

ke index.js saya

pastikan ini ada di index.js Anda

Bagi saya, masalah saya adalah memasukkan file entri yang salah saat membundel.

Saya menggunakan App.js sebagai file entri saya, maka App tidak dapat menemukan AppRegistry

Benar:

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/

Salah:

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/

Semoga ini bisa menyelamatkan sakit kepala seseorang. Saya mendapat kesalahan ini setelah meningkatkan versi react-native saya. Membingungkan itu hanya muncul di sisi android sesuatu.

Struktur file saya mencakup index.ios.jsdan index.android.js. Keduanya mengandung kode:

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

Apa yang harus saya lakukan adalah, dalam android/app/src/main/java/com/{projectName}/MainApplication.java, berubah indexmenjadi index.android:

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

Kemudian app/build/build.gradle, ubah entryFiledari index.jsmenjadiindex.android.js

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

Bagi saya restart komputer saja sudah memperbaikinya. (Kesalahan saya adalah "modul appRegistry bukan modul yang dapat dipanggil terdaftar (memanggil runapplication) mesin js: hermes")

Jawaban teratas lainnya yang tidak ada di sini dan mungkin berhasil hanyalah dengan mematikan proses node:

killall -9 node

[ Module AppRegistry tidak terdaftar sebagai modul yang dapat dipanggil (memanggil runApplication) ]

Saya tidak tahu mengapa, tetapi ketika saya memindahkan AppRegistry.registerComponent dari file index.js yang disertakan dalam index.android.js untuk langsung berada di dalam index.android.js, tampaknya berfungsi.

Jika Anda menggunakan beberapa contoh, mereka mungkin tidak berfungsi

Ini versi saya untuk tampilan gulir

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

Saya mencopotnya di Genymotion. Kemudian jalankan react-native run-androiduntuk membangun aplikasi. Dan itu berhasil. Cobalah ini dulu sebelum berlari sudo ./gradlew clean, ini akan menghemat banyak waktu.

restart packager bekerja untuk saya. bunuh saja react native packager dan jalankan lagi.

jika Anda menghadapi kesalahan ini di windows dengan android

buka folder aplikasi direktori root Anda dan pindah ke folder android.

     cd android 
     gradlew clean

mulai aplikasi Anda lagi react-native run-android

bhooom itu berhasil

Dalam kasus saya, saya index.jshanya menunjuk ke js lain daripada js Launcher saya secara keliru, yang tidak mengandung AppRegistry.registerComponent().

Jadi, pastikan file index.jspoin Anda untuk mendaftarkan kelas tersebut.

Masalah saya telah diperbaiki dengan meningkatkan inotify max_user_watches saya:

sudo sysctl fs.inotify.max_user_watches=1280000

Bagi saya itu adalah masalah dengan ketergantungan react-native pada versi berikutnya dari paket react, sementara di package.json saya yang lama ditentukan. Mengupgrade versi react saya memecahkan masalah ini.

Bagi saya, saya hanya menghubungkan dengan react native seperti ini: link react-native

npm start - --reset-cache

Mungkin port sudah digunakan. Saya menghadapi masalah serupa ketika saya pertama kali menjalankan react-native run-android dan kemudian npm start. Saya menyelesaikannya seperti ini: Pertama, dapatkan id dari proses yang berjalan di port 8081: sudo lsof -i: 8081

Saya mendapat kesalahan ini di Expo karena saya telah mengekspor nama komponen yang salah, mis

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

export default Stack;

Saya memecahkan masalah ini dengan melakukan hal berikut:

1. cd android
2. ./gradlew clean
3. taskkill / f / im node.exe
4. uninstall aplikasi dari android

Jika Anda menggunakan mesin windows Anda perlu melakukan cd androiditu ./gradlew cleankemudian jalankanreact-native run-android