React native run-android do not updating modified code

Question

I am using React native 0.52.0 and react-native-cli 2.0.1 on my Windows PC for android development. Despite all the changes i have made. When I run react-native run-android, it builds successfully but when I run it, I get the default react native screen.

The result when I run react-native run-android-

The app I get-

index.js

import { AppRegistry } from 'react-native';
import App from './App';

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

app.js

import React from 'react'
import ReactNative, { Text } from 'react-native'

export default const App = () => {
  return (
    <Text>Hello World</Text>
  )
}

When i ran react-native init albums, it was just an index.js file that was created, there was no index.android.js or index.ios.js file What am I doing wrong?

[How to create a Minimal, Complete, and Verifiable example](https://stackoverflow.com/help/mcve) — Nissim R, Jan 17 '18 at 15:11
I think you need to study it. https://stackoverflow.com/questions/36933287/how-to-enable-live-reload-in-react-native-on-android/42571633 — Muhammad Ali, Mar 07 '19 at 16:36

score 61 · Answer 1 · answered Jan 17 '18 at 15:43

61

Assuming that you are in the right folder, try to do this:

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/

if you have index.android.js, do this instead:

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

Then just execute react-native run-android.

answered Jan 17 '18 at 15:43

SmoggeR_js

2,950
4
22
52

I did as you said, this is the error message i got FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring root project 'albums'. > Could not resolve all files for configuration ':classpath'. > Could not find com.android.tools.build:gradle:3.0.1. Searched in the following locations: https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle -3.0.1.pom https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle -3.0.1.jar Required by: project : – Jonathan Utsu Undelikwo Jan 17 '18 at 23:19
After running, the first line of code you said, my Build is failing – Jonathan Utsu Undelikwo Jan 17 '18 at 23:39
Ensure that the paths are in the command are the same as you have in the project. – SmoggeR_js Jan 18 '18 at 08:16
No, you shouldn't. – SmoggeR_js Jan 17 '19 at 11:25
It seems I must use from `sudo ` in ubuntu – Saeed Jun 12 '19 at 07:08
It's strange that you should to use sudo but, I own a react native project that don't let me modify Android Manifest unless I would open with sudo mode and I still don't know why xD – SmoggeR_js Jun 12 '19 at 07:24
4

In my case, it needs to run everytime. Anyone has solution? – Bhavesh Hirpara Aug 26 '19 at 07:44
Why is this necessary? – d512 Apr 26 '22 at 19:36
Any permanent solution for this? If anyone has found one. please let me know. It would be very much appreciated – Hashir Saeed Oct 03 '22 at 20:14

score 36 · Answer 2 · edited Sep 15 '19 at 12:14

36

SOLUTION

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

OUTPUT will be :

`c:\Users\lenger\Desktop\webrowser>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
Scanning folders for symlinks in c:\Users\lenger\Desktop\webrowser\node_modules (43ms)
Scanning folders for symlinks in c:\Users\lenger\Desktop\webrowser\node_modules (38ms)
Loading dependency graph, done.
bundle: start
bundle: finish
bundle: Writing bundle output to: android/app/src/main/assets/index.android.bundle
bundle: Done writing bundle output

and after

Run react-native run-android again, you will find your modification work.

https://lengerrong.blogspot.am/2018/01/react-native-run-android-do-not.html

edited Sep 15 '19 at 12:14

ravibagul91

20,072
5
36
59

answered Mar 27 '18 at 10:56

Rob

886
9
16

8

It seems that this command should be run every time before building? – fujianjin6471 Apr 17 '19 at 06:38
1

@fujianjin6471 didyou get any solution? Or i need to run everytime? – Bhavesh Hirpara Aug 26 '19 at 07:46
1

@BhaveshHirpara Up to now it is – fujianjin6471 Aug 28 '19 at 14:51
1

Thanks +1. Currently I am running in iOS and at end of development i just test in android so that i can avoid executing command multiple time – Bhavesh Hirpara Sep 02 '19 at 05:46

score 5 · Answer 3 · edited Dec 13 '18 at 04:21

5

This worked for me. Step 1)

rm -rf /usr/local/var/run/watchman && brew uninstall watchman && brew install watchman

Step2)

react-native start

edited Dec 13 '18 at 04:21

Nick

138,499
22
57
95

answered Dec 13 '18 at 03:57

user2436649

51
2
2

I got the error message after first command. [watchman] while computing sockname: failed to create /usr/local/var/run/watchman/USERNAME-state: No such file or directory – s_signal Oct 18 '22 at 17:12
I got the answer from the link. https://github.com/facebook/watchman/issues/760 \n sudo mkdir -p /usr/local/var/run/watchman \n sudo chmod 2777 /usr/local/var/run/watchman – s_signal Oct 18 '22 at 23:41

Er Pkumar soni · Answer 4 · 2019-01-07T07:14:24.260

5

Open package.json file and update this code.

"scripts": {
"android": "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 && react-native run-android",
"ios": "react-native run-ios"
},

Assuming that you are in the right folder, try to do this:

Run this command only it will automatically both commands.

npm run android

edited Jan 07 '19 at 07:14

answered Jan 07 '19 at 05:37

Er Pkumar soni

152
1
7

3

this is bad for every time app run – Hamidreza Sadegh May 25 '19 at 09:25

Ankit Sharma · Answer 5 · 2018-12-20T09:49:53.817

4

in your terminal window go to your project folder and than try this command

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/

edited Dec 20 '18 at 09:49

answered Dec 20 '18 at 09:43

Ankit Sharma

251
2
9

MernXL · Answer 6 · 2022-04-09T05:15:13.710

This comment on github fixed my problem.

@neonsec Cool, it do works !

and I find a reason why this happened

https://github.com/facebook/watchman/blob/4b98623e8fde17588f27494f3ae8f084b9b227d3/QueryableView.cpp#L48

it looks like when a .git/index.lock or a .hg/wlock file exist, watchman will do nothing

Solution: DELETE .git/index.lock file

## root app dir
rm -f .git/index.lock

otherlink: https://github.com/facebook/watchman/blob/4b98623e8fde17588f27494f3ae8f084b9b227d3/QueryableView.cpp#L48

score 3 · Answer 7 · answered Jan 17 '18 at 21:37

3

You are probably updating the wrong file and not calling it in the AppRegistry class.

Check (or post) your full index.android.js and make sure that the file that it is invoking and importing is the one you are actually modifying.

answered Jan 17 '18 at 21:37

sebastianf182

9,844
3
34
66

score 3 · Answer 8 · edited Mar 26 '20 at 06:30

3

Run the script:

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

After that, just do:

$ gradlew clean
$ react-native link

edited Mar 26 '20 at 06:30

Eugene Gr. Philippov

1,908
2
23
18

answered Jan 10 '19 at 15:28

Asma_Kh

93
2
15

score 2 · Answer 9 · edited Jul 25 '18 at 18:14

This worked for me:

In your project folder run this

c:\Users\lenger\Desktop\YourProjectFolder>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

Scanning folders for symlinks in c:

\Users\lenger\Desktop\webrowser\node_modules (43ms)
Scanning folders for symlinks in c:\Users\lenger\Desktop\webrowser\node_modules (38ms)
Loading dependency graph, done.
bundle: start
bundle: finish
bundle: Writing bundle output to: android/app/src/main/assets/index.android.bundle
bundle: Done writing bundle output

Run react-native run-android again

I share the link where i found this solution: https://lengerrong.blogspot.com/2018/01/react-native-run-android-do-not.html

but, do I need to write bundle everytime, while running? – Narendra Singh Jan 17 '19 at 10:18 — Narendra Singh, Jan 17 '19 at 10:18

score 2 · Answer 10 · answered Sep 03 '19 at 15:23

For CodePush users

I was having this same problem but it didn't update my code just on a production build, it works fine in development.

My problem was CodePush, it was updating my app because it had the same version than the last CodePush release target version and it was a mandatory update (I didn't change the version target because it was just for testing purpose), then, I commented the CodePush code on my App.js and it works perfectly.

score 2 · Answer 11 · answered Feb 20 '20 at 17:14

After trying @SmoggeR_js answer and still if you have the same problem try following (Assuming that you have created keys and already signed the apk)

Delete build inside android/app folder
Delete build inside android folder
run rm -rf $HOME/.gradle/caches/ to delete cache
Open build.gradle --> android/app/build.gradle
comment out this line apply from: "../../node_modules/react-native/react.gradle"
Delete index.android.bundle file from assets folder ( android/app/src/main/assets/index.android.bundle)
run following command 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
react-native run-android --variant=release (you have to generate signed keys and all the keys should updated in the gradle file ref (https://s-pace.github.io/react-native/docs/signed-apk-android.html)

score 1 · Answer 12 · answered Jun 07 '18 at 22:39

1

In my case, deleting below line in gradle.properties solved it.

org.gradle.configureondemand = true

answered Jun 07 '18 at 22:39

kimho

11
1
2

score 1 · Answer 13 · answered Dec 20 '18 at 08:49

For me the problem was that I had removed internet permissions from my AndroidManifest.xml (since it technically wasn't needed). React Native uses that permission to connect your app to the development machine (and enable live-debugging).

<uses-permission android:name="android.permission.INTERNET" />

score 1 · Answer 14 · answered Apr 05 '19 at 21:33

1

Open your Android Studio -> "Tools" menu -> "AVD manager" and right click the emulator you are using, choose "Wipe Data" then "Cold Boot Now" should solve the problem.

answered Apr 05 '19 at 21:33

J.Q

669
1
6
6

Pritam Guha · Answer 15 · 2019-06-07T07:45:02.843

1

If you are using index.android.js then follow the following steps:

Delete index.android.bundle within android/app/src/main/assets and then -

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

edited Jun 07 '19 at 07:45

answered Jun 07 '19 at 06:42

Pritam Guha

31
3

score 1 · Answer 16 · answered Jun 17 '19 at 04:57

1

Fix it in 3 steps:

Enable Live Reload
Disable Hot Reloading
In Dev Settings, uncheck JS Dev Mode

Now your app automatically updating everytime you made changes to your codes.

answered Jun 17 '19 at 04:57

Engkus Kusnadi

2,386
2
18
40

I thought it was a bug and forget that you need to re-enable the live reload and hot reload every time you clone it onto a new system – GTHell Oct 05 '19 at 03:56

score 1 · Answer 17 · edited Dec 02 '19 at 10:42

1

Try this

cd .git (in your react-native folder)
rm index.lock

and restart metro bundler i.e. react-native start

wallaa!!...

edited Dec 02 '19 at 10:42

CKE

1,533
19
18
29

answered Dec 02 '19 at 08:49

Rahul Shakya

1,269
15
15

score 0 · Answer 18 · edited Jan 18 '21 at 15:15

0

In your project directory, there is package.json file. You can add following code snippet in that json file under scripts:. After that you can run application using one command that is npm run android-windows. To work fine you should add below code script.

"android-windows": "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 && react-native run-android"

edited Jan 18 '21 at 15:15

William Brochensque junior

2,385
18
35
46

answered Feb 05 '19 at 11:05

Sasindu Lakshitha

976
10
8

Do we have to run everytime in order to see modification of the code? – Shoeb Mirza Feb 24 '19 at 12:12

NineCattoRules · Answer 19 · 2019-07-21T17:26:29.833

there was no index.android.js or index.ios.js file

In this case you have to follow the instructions on your mobile/emulator as below:

After saved your App.js, remember to type twice R in uppercase

For make it automatically changes, on Android emulator press CTRL + M (CMD + M on MacOS) or shake the Android device which has the running app and select Hot reloading (keep current state, change only the file you have changed) or Live reloading (reload the entire app).

score 0 · Answer 20 · answered Nov 06 '19 at 10:41

0

Silly mistake by me that not to save edits of App.js. After Saving data will reflect :)

answered Nov 06 '19 at 10:41

Shweta Shah

97
2
6

Hi, Currently answer looks more like comment, you will be able to add comment when have 50+ reps. – Abhishek Gurjar Nov 06 '19 at 11:04

score 0 · Answer 21 · answered Sep 03 '20 at 11:47

0

In my case when I disable debugging then it updates. So this is my solution.

in Chrome dev tools > Network > Disable cache Hope that shell work for you

answered Sep 03 '20 at 11:47

Shubham Sharma

479
4
8

score 0 · Answer 22 · answered Jul 22 '21 at 11:51

0

In case you are using "codepush".

I tried for two hours now to figure out why my Android version is always rolling back to the old code and doesn't show the new features.

The reason was an old CodePush which leads to downgrading the app.

answered Jul 22 '21 at 11:51

Lucas0205

55
1
6

score 0 · Answer 23 · answered Feb 23 '22 at 04:25

0

Try deleting the

./android/.idea folders.
./android/.gradle folders.

It works for me

answered Feb 23 '22 at 04:25

Trần Hiệp

101
1
2

score -1 · Answer 24 · answered Apr 27 '23 at 11:06

-1

In my case my code was not autosaving so it needed to CTRL + S first before reloading. To solve this I just set autosaving on VS Code. Note: This was because I had just reinstalled VS Code and might not be the case for everyone

answered Apr 27 '23 at 11:06

Judefabi

29
3

React native run-android do not updating modified code

24 Answers24

For CodePush users

Try deleting the

It works for me

Linked