blocks|key|4439349|text|对我来说，重启电脑就能解决这个问题。(我的错误是“模块appRegistry不是注册的可调用模块(调用运行应用程序)+js引擎:+hermes")|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439350|这里缺少的另一个最好的答案可能是杀死节点进程：|4439351|killall+-9+node|offset|length|style|CODE|4439352|[+Module+AppRegistry+is+not+registered+callable+module+(calling+runApplication)+]|4439353|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/43604603/module-appregistry-is-not-registered-callable-module-calling-runapplication/51304124^0|0|0|0|F|0|2|25|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|V|8|@$F|W|G|X|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|Y|8|@]|9|@$F|Z|G|10|1|11]]|A|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]]]

For me just restarting the computer fixed it. 
(My error was "module appRegistry is not a registered callable module (calling runapplication) js engine: hermes")

Another top answer that is missing here and might have worked was just to kill node processes:

<code>killall -9 node</code>

[ <a href="https://stackoverflow.com/questions/43604603/module-appregistry-is-not-registered-callable-module-calling-runapplication/51304124">Module AppRegistry is not registered callable module (calling runApplication)</a> ]

blocks|key|4439155|text|希望这能让人不再头疼。在升级我的react-native版本后，我得到了这个错误。令人困惑的是，它只出现在android方面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439156|我的文件结构包括一个index.ios.js和一个index.android.js。两者都包含以下代码：|offset|length|style|CODE|4439157|AppRegistry.registerComponent('App',+()+=>+App);|code-block|syntax|javascript|4439158|我要做的是，在android/app/src/main/java/com/{projectName}/MainApplication.java中，将index改为index.android|4439159|@Override
protected+String+getJSMainModuleName()+{
++++return+"index.android";+//+was+"index"
}|4439160|然后在app/build/build.gradle中，将entryFile从index.js更改为index.android.js|4439161|project.ext.react+=+[
++++entryFile:+"index.android.js"+//+was+index.js"
]|4439162|entityMap^0|0|A|C|P|G|0|0|7|1S|22|5|29|D|0|0|3|M|S|9|12|8|1D|G|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]|$D|10|E|11|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|12|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|13|8|@$D|14|E|15|F|G]|$D|16|E|17|F|G]|$D|18|E|19|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|1A|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1B|8|@$D|1C|E|1D|F|G]|$D|1E|E|1F|F|G]|$D|1G|E|1H|F|G]|$D|1I|E|1J|F|G]]|9|@]|A|$]]|$1|S|3|T|5|J|7|1K|8|@]|9|@]|A|$K|L]]|$1|U|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|V|$]]

Hopefully this can save someone a headache. I got this error after upgrading my react-native version. Confusingly it only appeared on the android side of things.

My file structure includes an <code>index.ios.js</code> and an <code>index.android.js</code>. Both contain the code:

<pre><code>AppRegistry.registerComponent('App', () =&gt; App);
</code></pre>

What I had to do was, in <code>android/app/src/main/java/com/{projectName}/MainApplication.java</code>, change <code>index</code> to <code>index.android</code>:

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

Then in <code>app/build/build.gradle</code>, change the <code>entryFile</code> from <code>index.js</code> to <code>index.android.js</code>

<pre><code>project.ext.react = [
 entryFile: "index.android.js" // was index.js"
]
</code></pre>

blocks|key|4439540|text|在我摆弄了node_modules目录中依赖项的代码后，我遇到了这个问题-在iOS和安卓系统中，在Mac上进行开发。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4439541|我用以下方法解决了这个问题：|4439542|rm+-rf+node_modules
npm+i
npx+pod-install+ios|code-block|syntax|javascript|4439543|这基本上只是重新安装您的依赖项。|4439544|entityMap^0|5|C|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|V|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

I had this issue - across iOS &amp; Android, developing on Mac - after I had been fiddling with a dependency's code in the <code>node_modules</code> dir.
I solved it with:
<pre><code>rm -rf node_modules
npm i
npx pod-install ios
</code></pre>
Which basically just re-installs your dependencies fresh.

blocks|key|4439009|text|我不知道为什么，但是当我将AppRegistry.registerComponent从包含在index.android.js中的index.js文件移到直接驻留在index.android.js中时，它似乎可以工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439010|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I don't know why, but when I move AppRegistry.registerComponent from the index.js file that is included in index.android.js to reside inside index.android.js directly, it seems to work.

blocks|key|4439421|text|如果您在使用android的windows中遇到此错误。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439422|打开你的根目录app文件夹，然后进入android文件夹。|4439423|+++++cd+android+
+++++gradlew+clean|code-block|syntax|javascript|4439424|再次启动您的应用程序react-native+run-android|4439425|bhooom它工作了|4439426|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

if you are facing this error in windows with android 

open your root directory app folder and move into android folder .

<pre><code> cd android 
 gradlew clean
</code></pre>

start your app again 
react-native run-android 

bhooom it works

blocks|key|4439520|text|检查您是否没有直接在SafeAreaView中呈现某些内容|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439521|请确保您遵循此格式|4439522|<SafeAreaView>
++++<View>
+++++++{children}
++++</View>
</SafeAreaView>|code-block|syntax|javascript|4439523|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Check to see if you are not directly rendering something inside SafeAreaView
Ensure you are following this format
<pre><code>&lt;SafeAreaView&gt;
 &lt;View&gt;
 {children}
 &lt;/View&gt;
&lt;/SafeAreaView&gt;
</code></pre>

blocks|key|4439060|text|如果您使用的是其中一些示例，则它们可能不起作用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439061|这是我的滚动视图版本|4439062|/**
+*+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='%2BMath.round(Math.random()*10000)+%2B+1,
'http://loremflickr.com/320/240?random='%2BMath.round(Math.random()*10000)+%2B+1,
'http://loremflickr.com/320/240?random='%2BMath.round(Math.random()*10000)+%2B+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);|code-block|syntax|javascript|4439063|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If you are using some of the examples they might not work

Here is my version for scroll view

<pre><code>/**
 * 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 (
 &lt;View&gt;
 &lt;ScrollView
 ref={(scrollView) =&gt; { _scrollView = scrollView; }}
 automaticallyAdjustContentInsets={false}
 onScroll={() =&gt; { console.log('onScroll!'); }}
 scrollEventThrottle={200}
 style={styles.scrollView}&gt;
 {THUMBS.map(createThumbRow)}
 &lt;/ScrollView&gt;
 &lt;TouchableOpacity
 style={styles.button}
 onPress={() =&gt; { _scrollView.scrollTo({y: 0}); }}&gt;
 &lt;Text&gt;Scroll to top&lt;/Text&gt;
 &lt;/TouchableOpacity&gt;
 &lt;/View&gt;
 );
 }
}

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

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) =&gt; &lt;Thumb key={i} uri={uri} /&gt;;

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', () =&gt; AwesomeProject);
</code></pre>

blocks|key|4439069|text|我在Genymotion上把它卸载了。然后运行react-native+run-android来构建应用程序。而且它起作用了。在运行sudo+./gradlew+clean之前一定要先尝试一下，它会为你节省很多时间。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4439070|entityMap^0|N|O|1U|K|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

I uninstalled it on Genymotion. Then run <code>react-native run-android</code> to build the app. And it worked. Do try this first before running <code>sudo ./gradlew clean</code>, it will save you a lot of time.

blocks|key|4439180|text|在我的例子中，我的index.js只是错误地指向了另一个js，而不是我的Launcher+js，它没有包含AppRegistry.registerComponent()。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4439181|因此，请确保您的index.js所指向的文件用于注册类。|4439182|entityMap^0|9|8|1H|V|0|8|8|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

In my case, my <code>index.js</code> just points to another js instead of my Launcher js mistakenly, which does not contain <code>AppRegistry.registerComponent()</code>.

So, make sure the file your<code>index.js</code>point to register the class.

blocks|key|4439242|text|通过增加inotify+max_user_watches修复了我的问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439243|sudo+sysctl+fs.inotify.max_user_watches=1280000|code-block|syntax|javascript|4439244|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

My issue was fixed by increasing my inotify max_user_watches:

<pre><code>sudo sysctl fs.inotify.max_user_watches=1280000
</code></pre>

blocks|key|4439325|text|对我来说，这是一个与react包的下一个版本的react本地依赖有关的问题，而在我的package.json中指定了旧的。升级我的react版本解决了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439326|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

For me it was a issue with react-native dependency on next version of react package, while in my package.json the old one was specified. Upgrading my react version solved this problem.

blocks|key|4439363|text|对我来说，我只是以这样的方式与react+native链接:+react-native链接|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439364|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

For me just i linked with react native as this way : react-native link

blocks|key|4439461|text|npm+start+-重置缓存|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439462|端口可能已在使用中。当我第一次运行react-native+run-android，然后运行npm+start时，我遇到了类似的问题。我的解决方案如下:首先，获取在端口8081中运行的进程的id+:+sudo+lsof+-i+:8081|4439463|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

npm start -- --reset-cache

Probably port is already in use. I face similar issue when i first run react-native run-android and then npm start. I solve it like this: First, get the id of the process running in port 8081:
sudo lsof -i :8081

blocks|key|4439422|text|我在Expo中遇到了这个错误，因为我导出了错误的组件名称，例如|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439423|const+Wonk+=+props+=>+(
++<Text>Hi!</Text>
)

export+default+Stack;|code-block|syntax|javascript|4439424|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I got this error in Expo because I had exported the wrong component name, e.g.

<pre><code>const Wonk = props =&gt; (
 &lt;Text&gt;Hi!&lt;/Text&gt;
)

export default Stack;
</code></pre>

blocks|key|4439485|text|如果您使用的是windows计算机，则需要执行cd+android，然后运行./gradlew+clean，然后运行react-native+run-android|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4439486|entityMap^0|N|A|12|F|1M|O|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

If you are using windows machine you need to do <code>cd android</code> then <code>./gradlew clean</code> then run <code>react-native run-android</code>

blocks|key|4439573|text|这可能是因为任何来自节点、pod、gradle的缓存问题，最好做一次彻底的清理，为此使用react+native+clean+project|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4439574|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/react-native-clean-project^0|18|Q|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

This can because of any cache issue from node, pod ,gradle anywhere, its better to do an entire clean slate cleanup, for this use <a href="https://www.npmjs.com/package/react-native-clean-project" rel="nofollow noreferrer">react native clean project</a>

blocks|key|4439630|text|请使用下面提到的:+pakage|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439631|"react-native-reanimated"："%5E2.2.4"，|4439632|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Please use Below mention : pakage
&quot;react-native-reanimated&quot;: &quot;^2.2.4&quot;,

I'm currently trying to get the <a href="https://github.com/mjohnston/react-native-webpack-server/tree/master/Examples/BabelES6" rel="noreferrer">ES6 react-native-webpack-server</a> running
on an Android emulator. The difference is I've upgraded my <code>package.json</code> and <code>build.grade</code> to use react <code>0.18.0</code>, and am getting this error on boot. As far as I'm aware <code>AppRegistry</code> is imported correctly. Even if I were to comment out the code this error still comes up. This does work on iOS without issue. 

What am I doing wrong?

EDIT: After trying other boilerplates that do support 0.18.0, I'm still coming across the same issue.

<a href="https://i.stack.imgur.com/HJqqQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/HJqqQ.png" alt="enter image description here"></a>

React-Native: Module AppRegistry is not a registered callable module

React Native

Native App

我目前正在尝试让在安卓模拟器上运行。不同的是，我已经升级了我的package.json和build.grade来使用react 0.18.0，并且在启动时得到了这个错误。据我所知，AppRegistry的导入是正确的。即使我注释掉代码，这个错误仍然会出现。这在iOS上可以正常工作，没有问题。我做错了什么？编辑:在尝试了其他支持0.18.0的模板后，我仍然遇到同样的问题。​​

问React-Native:模块AppRegistry不是已注册的可调用模块
EN

回答 17

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React-Native:模块AppRegistry不是已注册的可调用模块EN

回答 17

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React-Native:模块AppRegistry不是已注册的可调用模块
EN