React-Native: Mô-đun AppRegistry không phải là một mô-đun có thể gọi đã đăng ký

Tôi hiện đang cố gắng chạy máy chủ react-native-webpack-ES6 trên trình giả lập Android. Sự khác biệt là tôi đã nâng cấp package.jsonvà build.gradesử dụng react 0.18.0, và gặp lỗi này khi khởi động. Theo như tôi biết AppRegistryđược nhập chính xác. Ngay cả khi tôi đã nhận xét ra mã, lỗi này vẫn xuất hiện. Điều này hoạt động trên iOS mà không có vấn đề gì.

Tôi đang làm gì sai?

CHỈNH SỬA: Sau khi thử các bảng điện tử khác hỗ trợ 0.18.0, tôi vẫn gặp phải vấn đề tương tự.

Tôi vừa nâng cấp lên bản gốc phản ứng 0.18.1ngày hôm nay, khó có thể gặp một số vấn đề về phụ thuộc ngang hàng với 0.19.0-rcphiên bản trước khi phát hành.

Quay lại câu hỏi của bạn, những gì tôi đã làm là

1. cd android
2. sudo ./gradlew clean(thông tin thêm về cách hoạt động của sạch tại đây )

sau đó quay lại thư mục làm việc và chạy react-native run-android

bạn cũng nên khởi động lại npm sau khi nâng cấp đó.

hy vọng điều này làm việc cho bạn.

Tôi đã gặp vấn đề tương tự trên iOS và nguyên nhân đối với tôi là index.ios.js của tôi không chính xác (vì tôi đã sao chép một trong các ví dụ mà không xem nội dung của nó), nó kết thúc bằng khai báo xuất mô-đun

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

Thay vì mong đợi

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

Tôi đoán bạn có thể gặp vấn đề tương tự trên Android với index.android.js.

Một trong những lý do chính của vấn đề này có thể là do bạn đã cài đặt một plugin và quên liên kết nó .

thử cái này:

react-native link

Chạy lại ứng dụng của bạn.

Hy vọng điều này sẽ giúp ích. Vui lòng cho tôi biết trong phần bình luận . Cảm ơn.

Tôi đã giải quyết vấn đề này chỉ bằng cách thêm

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

vào index.js của tôi

đảm bảo điều này tồn tại trong index.js của bạn

Đối với tôi, vấn đề của tôi là đặt sai tệp mục nhập khi nhóm.

Tôi đang sử dụng App.js làm tệp mục nhập của mình, do đó Ứng dụng không thể tìm thấy AppRegistry

Chính xác:

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/

Sai:

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/

Hy vọng rằng điều này có thể cứu ai đó đang đau đầu. Tôi gặp lỗi này sau khi nâng cấp phiên bản gốc phản ứng của mình. Thật khó hiểu là nó chỉ xuất hiện trên mặt android của mọi thứ.

Cấu trúc tệp của tôi bao gồm một index.ios.jsvà một index.android.js. Cả hai đều chứa mã:

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

Những gì tôi phải làm, trong đó android/app/src/main/java/com/{projectName}/MainApplication.java, thay đổi indexthành index.android:

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

Sau đó app/build/build.gradle, thay đổi entryFiletừ index.jsthànhindex.android.js

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

Đối với tôi chỉ cần khởi động lại máy tính là đã khắc phục được. (Lỗi của tôi là "module appRegistry không phải là một module có thể gọi đã đăng ký (gọi runapplication) js engine: hermes")

Một câu trả lời hàng đầu khác bị thiếu ở đây và có thể đã hoạt động chỉ là để giết các quy trình nút:

killall -9 node

[ Mô-đun AppRegistry không phải là mô-đun có thể gọi được đăng ký (gọi runApplication) ]

Tôi không biết tại sao, nhưng khi tôi di chuyển AppRegistry.registerComponent từ tệp index.js có trong index.android.js sang trực tiếp bên trong index.android.js, nó dường như hoạt động.

Nếu bạn đang sử dụng một số ví dụ, chúng có thể không hoạt động

Đây là phiên bản của tôi cho chế độ xem cuộn

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

Tôi đã gỡ cài đặt nó trên Genymotion. Sau đó chạy react-native run-androidđể xây dựng ứng dụng. Va no đa hoạt động. Hãy thử điều này trước khi chạy sudo ./gradlew clean, nó sẽ giúp bạn tiết kiệm rất nhiều thời gian.

khởi động lại gói làm việc cho tôi. chỉ cần giết trình đóng gói gốc phản ứng và chạy lại.

nếu bạn gặp phải lỗi này trong windows với android

mở thư mục ứng dụng thư mục gốc của bạn và chuyển vào thư mục android.

     cd android 
     gradlew clean

khởi động lại ứng dụng của bạn react-native run-android

bhooom nó hoạt động

Trong trường hợp của tôi, tôi index.jschỉ trỏ đến js khác thay vì js Launcher của tôi do nhầm lẫn, không chứa AppRegistry.registerComponent().

Vì vậy, hãy chắc chắn rằng hồ sơ của bạn index.jsđể đăng ký lớp học.

Sự cố của tôi đã được khắc phục bằng cách tăng inotify max_user_watches:

sudo sysctl fs.inotify.max_user_watches=1280000

Đối với tôi, đó là một vấn đề với sự phụ thuộc của react-native vào phiên bản tiếp theo của gói react, trong khi trong package.json của tôi, cái cũ đã được chỉ định. Nâng cấp phiên bản phản ứng của tôi đã giải quyết được vấn đề này.

Đối với tôi, tôi chỉ liên kết với react native theo cách này: liên kết react-native

npm start - --reset-cache

Có lẽ cổng đã được sử dụng. Tôi gặp phải vấn đề tương tự khi lần đầu tiên tôi chạy react-native run-android và sau đó bắt đầu npm. Tôi giải quyết nó như thế này: Đầu tiên, lấy id của quá trình đang chạy trong cổng 8081: sudo lsof -i: 8081

Tôi gặp lỗi này trong Expo vì tôi đã xuất sai tên thành phần, ví dụ:

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

export default Stack;

Tôi đã giải quyết vấn đề này bằng cách làm như sau:

1. cd android
2. ./gradlew sạch
3. taskkill / f / im node.exe
4. gỡ cài đặt ứng dụng khỏi android

Nếu bạn đang sử dụng máy tính windows bạn cần làm cd androidsau ./gradlew cleanđó chạyreact-native run-android