Module AppRegistry is not registered callable module (calling runApplication)

Question

I am using native base for making app in react-native. I am new to both things. When I run the app It gives me this error:

Here is my code:

export default class Point extends Component {

    render() {
        return (
            <Container>
                <Header>
                    <Left>
                        <Button transparent>
                            <Icon name='menu' />
                        </Button>
                    </Left>
                    <Body>
                        <Title>Header</Title>
                    </Body>
                    <Right />
                </Header>
            </Container>
        );
    }
}

Here is the screenshot of my versions

and nativebase version is "native-base": "^2.1.2"

Share code of `index.ios.js`. Also check if any other packager is running — Supriya Kalghatgi, May 25 '17 at 08:32
Seeing to AppRegistry.js, there are lots of errors because typeScript support is not there. Is this the reason of the error? Have I to include support for typescript? — Abhinav Saxena, Jun 11 '21 at 11:50

Brijesh Shiroya · Answer 1 · 2019-07-15T09:46:17.237

191

Just kill all node process and start npm server and run application:

Step1: run command killall -9 node

For windows users, run: taskkill /im node.exe

Run taskkill /f /im node.exe if the process still persists.

Step2: run command npm start --reset-cache

Step3: run command react-native run-ios OR react-native run-android

edited Jul 15 '19 at 09:46

answered Jul 12 '18 at 11:10

Brijesh Shiroya

3,323
1
13
20

4

@BrijeshShiroya I am trying to convert react-native project from expo to CLI. I did everything what you said, but still getting same problem. I tried every answer I found relative to this question. But nothing helped me. – Avijit Barua Nov 08 '18 at 06:28
for windows type- TASKKILL /IM node.exe, or you can simply remove .expo folder – Qbert Apr 09 '20 at 03:21
Not Working! on react-native version '0.68.1'. Any Solution? – Prateek Gupta Nov 30 '22 at 07:40
Not working for me too. – Kowsigan Atsayam Dec 25 '22 at 08:42
try this answer and also we should finish the proccess at the terminals – rnewed_user Sep 01 '23 at 23:11

score 48 · Answer 2 · edited Jun 05 '23 at 04:51

48

Closing the current Metro Bundler and restarting by resetting the cache worked for me

npm start --reset-cache

edited Jun 05 '23 at 04:51

Saeed Zhiany

2,051
9
30
41

answered Jan 10 '19 at 06:16

Chetan J Rao

905
9
14

5

Nothing happens !! – Prashant Dec 17 '20 at 07:04

score 16 · Answer 3 · edited Jun 17 '22 at 02:41

16

Clear the cache with the following command:

react-native start --reset-cache

edited Jun 17 '22 at 02:41

Arslan Shahab

639
3
9

answered Jul 25 '20 at 15:39

Amit Kumar Trivedi

533
6
5

score 6 · Answer 4 · answered Apr 25 '17 at 09:42

6

You should have this at the bottom of the index.ios.js file AppRegistry.registerComponent('Point', () => Point); and also import AppRegistry from react-native

answered Apr 25 '17 at 09:42

Chiamaka Nwolisa

951
8
15

Im using nativeBase link go here – Asad Apr 25 '17 at 09:45

t.ios · Answer 5 · 2018-10-23T04:47:15.133

5

I had this issue - it was odd because I reset my repo to a time when the app was working. The issue was with my simulator (iOS).

For me the solution was to

kill the simulator program (quit)
then - close the terminal window that is opened when simulator is ran (Metro Bundler) Image of my terminal window

edited Oct 23 '18 at 04:47

answered Sep 15 '18 at 17:05

t.ios

1,024
12
18

score 3 · Answer 6 · edited Nov 19 '21 at 13:06

3

Close the current Metro Bundler and restart by typing the comment:

npm start -- --reset-cache

edited Nov 19 '21 at 13:06

Nimantha

6,405
6
28
69

answered Oct 28 '19 at 18:31

Socheat Yorn

75
1
2

5

this is a duplicated answer on the same post – Jonathan Larouche Oct 28 '19 at 20:04
rebuilding the metro bundle is the way to get avoid from this error. the correct code is `npm start -- reset-cache` – Mohamed Raza Jul 26 '20 at 17:19

score 3 · Answer 7 · edited Nov 19 '21 at 13:05

3

Stop the node server running and run 'react-native run-ios' once again.

edited Nov 19 '21 at 13:05

Nimantha

6,405
6
28
69

answered Mar 02 '20 at 13:54

cherucole

560
7
15

score 3 · Answer 8 · answered Jun 28 '21 at 13:27

I tend to get this error after I install a new package that has some native code that needs to be installed with it. Usually packages will say install npm module and then install native code via a pod install (ios specific) and after this my app usually throws this error.

In order to get rid of this error I delete and reinstall node_modules and pods since I am making an iOS app and then I also delete the build folder under ios. After that I run the packager with npm start -- --reset-cache and build my app again using the react-native run-ios command. This fixes the issue for me.

`error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug build logs further, consider building your app with Xcode.app, by opening coreApp.xcworkspace.` This dev environment is such a nightmare. — velkoon, Aug 05 '21 at 19:32

score 2 · Answer 9 · edited Nov 19 '21 at 13:09

2

Worked for me for below version and on iOS:

"react": "16.9.0",
"react-native": "0.61.5",

Step to resolve
Close the current running Metro Bundler
Try Re-run your Metro Bundler and check if this issue persists

edited Nov 19 '21 at 13:09

Nimantha

6,405
6
28
69

answered Jan 15 '20 at 16:58

sahu

1,188
10
19

score 2 · Answer 10 · edited Nov 19 '21 at 12:14

2

In my case, trying npm start -- --reset-cache and getting a bunch more errors, I deleted (uninstalled) the app from iOS and Android and yarn ios yarn android did the trick.

edited Nov 19 '21 at 12:14

Nimantha

6,405
6
28
69

answered Nov 11 '20 at 15:52

Zhengqian Kuang

1,079
1
9
12

score 2 · Answer 11 · edited Nov 19 '21 at 12:12

I ended up creating an entirely new react-native project after a computer restart and after the deletion/rebuild of the npm_modules folder, Pods folder, and my ios build folder did not work. (Quitting the Simulator, Quitting the Terminal app, Quitting XCode, cleaning the project folder in XCode, and running killall -9 node, npm start -- reset-cahce & npm start -- --reset-cache did not work, either). After installing all my packages, I copied and pasted my code from my old project to the new one. Same error. So then I started backtracking my most recent code changes, step by step. After reverting my most recent code changes, it worked. While adding new code little by little, I got an error telling me I forgot to import {StyleSheet} from 'react-native';. I imported that, then continued adding my code that had previously led to the error (which was simply a react-native-elements Button and a StyleSheet const styles). All went well.

So, in the end, my only theory is that I had added too much code at once, and instead of telling me I forgot to import {StyleSheet} like it should have, it instead threw me a vague and infuriating module AppRegistry error.

score 1 · Accepted Answer · answered Oct 19 '17 at 08:53

1

I was using native base for my app here is link native base

and you can see there is no app registry like this

 AppRegistry.registerComponent('Point', () => Point)

but i have to do this to run my app

answered Oct 19 '17 at 08:53

Asad

3,070
7
23
61

Did you just add this line in point class along with your code ? – Avijit Barua Nov 08 '18 at 06:29
ys @AvijitBarua – Asad Nov 08 '18 at 20:45

Shiva · Answer 13 · 2021-11-27T00:50:00.543

1

This happens for one of these reasons:-

Either, your app's entry file 'index.js' is corrupt due to syntax error or your React App could not load.
Your Metro Bundler instance running is stale and corrupt.

Solution

Terminate already running Metro Bundler instance
Reset Cache
```
react-native start --reset-cache
```
Delete android/app/bulid folder
Start server again

edited Nov 27 '21 at 00:50

answered Jan 05 '19 at 01:59

Shiva

11,485
2
67
84

score 1 · Answer 14 · answered Jan 12 '20 at 13:50

1

Just closing the metro bundler and rebuilding the app done my job.

answered Jan 12 '20 at 13:50

Siraj Alam

9,217
9
53
65

score 1 · Answer 15 · edited Nov 19 '21 at 12:13

1

Close Emülator
npm start -- --reset-cache
XCode -> Product -> Clean Build Folder
npx react-native run-ios

edited Nov 19 '21 at 12:13

Nimantha

6,405
6
28
69

answered Jun 16 '20 at 13:08

birkadinyazilimci

11
1

score 1 · Answer 16 · answered Nov 26 '20 at 15:38

1

I tried killall -9 node command in terminal

then again i run my project using npm start and it's working fine

answered Nov 26 '20 at 15:38

Lakshya Tyagi

79
1
5

score 0 · Answer 17 · answered Jul 20 '18 at 11:07

0

Need to replace

.setJSMainModulePath("index") with .setJSMainModulePath("index.android")

answered Jul 20 '18 at 11:07

Aristo Michael

2,166
3
35
43

Where? I got the same error after upgrade react native. Can be more specific? – Anu Martin Mar 23 '21 at 09:16

score 0 · Answer 18 · answered Aug 13 '18 at 13:01

0

For me, restarting my computer appears to be enough to clear this issue.

It's often required after I've switched between branches, or merged branches using git.

answered Aug 13 '18 at 13:01

Harry B

2,864
1
24
44

I'm sure other solutions will work for some. For me a restart was the only solution I could find. Hardly drastic vs spending hours trying to debug. It's just one option. – Harry B Aug 29 '18 at 08:34

score 0 · Answer 19 · answered Jun 23 '20 at 03:21

If you are using windows and running yarn open cmd on admin mode' terminate and Restart the node process by typing this command.

Find the node: killall -9 node force to kill : taskkill /f /im node.exe Reset the cache : yarn start --reset-cache

Navigate to your project directory: cd myapp Re-Run your App : yarn android

score 0 · Answer 20 · answered Nov 13 '20 at 11:09

0

In my case, I didn't import a module in a component that I was using it in.

So, just check if you are importing the module you want to use...

answered Nov 13 '20 at 11:09

Filip Savic

2,737
1
29
34

score 0 · Answer 21 · answered Dec 10 '20 at 09:05

0

One of the libraries has not been linked. To check, just comment out in the package.json one by one the latest libraries added.

yarn remove libraryName.

Then run the app with xcode and puf !

answered Dec 10 '20 at 09:05

Ruben Mim

136
1
6

score 0 · Answer 22 · answered Sep 01 '21 at 00:40

If your are building a new npm module and this rely on some other dependencies already added in your project, you need to add those dependencies in the package.json of the npm package as peer dependency.

package.json

"peerDependencies":{
 "@org/your-dependency":">= 1.2.0"
}

[Tue Aug 31 2021 17:57:45.731]  ERROR    Error: Type oid already present, js engine: hermes
[Tue Aug 31 2021 17:57:45.732]  ERROR    Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication), js engine: hermes
[Tue Aug 31 2021 17:57:45.732]  ERROR    Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication), js engine: hermes

score 0 · Answer 23 · answered Sep 20 '21 at 02:19

For me, the issue was starting the metro bundler when there was an error in one of my styles. I had an error in my code from last night, and then my computer did a restart overnight. Trying to start everything up today resulted in this error along with Invariant Violation: Invalid prop 'position' of value 'fixed' supplied to. Fixing the position value resolved both errors.

score 0 · Answer 24 · answered Dec 22 '21 at 05:11

0

npm start -- --reset-cache

react-native run-ios

works for me.

answered Dec 22 '21 at 05:11

M Mahmud Hasan

1,303
1
13
20

score 0 · Answer 25 · answered Apr 19 '22 at 11:08

One single error but there might be multiple causes. Seeing a lot of diverse discussions in the community means this issue could be hard to find. Try to proceed with the following.

There might be a missing import.
There might be a missing configuration with the library you recently installed.
You may not receive errors in Android but in IOS. Then one of the lib configurations in IOS is missing.
Your cache needs to be reset if RN is upgraded.

If you still cannot find the issue with the above, remove some imports or screens from your App.js. Going with this you can find what exactly caused this error. This is how I found my issue after a day of research.

Click to see further Github issues

score 0 · Answer 26 · edited May 07 '22 at 17:02

0

closing your current metro bundle and run this :--

npm start -- --reset-cache

edited May 07 '22 at 17:02

Tyler2P

2,324
26
22
31

answered May 07 '22 at 07:21

ND verma

171
1
9

this is a duplicated answer – Vlad R Nov 16 '22 at 06:53

score 0 · Answer 27 · answered Sep 16 '22 at 11:43

0

delete node_modules and install it again using npm i then apply this command npm start -- --reset-cache

answered Sep 16 '22 at 11:43

dude_blag

135
1
4
14

score 0 · Answer 28 · answered Nov 15 '22 at 14:11

0

in addition to all the above, it's worth to try to find and comment out the following code somewhere in you redux store directory:

.concat(composeWithDevtools)

It fixed the issue for me.

answered Nov 15 '22 at 14:11

Vlad R

1,851
15
13

score -1 · Answer 29 · edited May 23 '21 at 06:18

-1

I was also suffering from the same error for windows OS. I resolved this by cleaning gradlew.

The steps are:

cd android
gradlew clean
cd..

edited May 23 '21 at 06:18

oguz ismail

1
16
47
69

answered Feb 26 '21 at 07:03

Prakash Kumar Singh

1
2

score -2 · Answer 30 · answered Jan 07 '21 at 10:49

The solution is very simple just kill all the running nodes and restart your node server and rebuild your native application and it works.

For Linix:

killall -9 node

For Windows:

taskkill /im node.exe

For Android native App:

react-native run-android

For IOS native App:

react-native run-ios

Then finally,

npm start

score -3 · Answer 31 · edited Jun 25 '19 at 07:30

-3

import { AppRegistry } from 'react-native';

AppRegistry.registerComponent('your app name',  () => point);

edited Jun 25 '19 at 07:30

Suraj Rao

29,388
11
94
103

answered Jun 25 '19 at 07:14

fazeel haider

5
1

8

Try to add some description with your code for future reader. What it does ? How it solve the problem ? – Md.Sukel Ali Jun 25 '19 at 07:21

Module AppRegistry is not registered callable module (calling runApplication)

31 Answers31

Solution

Linked