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?

I think you need to study it. stackoverflow.com/questions/36933287/… — Muhammad Ali
– Muhammad Ali, Commented Mar 7, 2019 at 16:36

SmoggeR_js · Accepted Answer · 2018-01-17 15:43:16Z

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, 2018 at 15:43

SmoggeR_js

3,1704 gold badges29 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Jonathan Utsu Undelikwo Over a year ago

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: jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle -3.0.1.pom jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle -3.0.1.jar Required by: project :

Jonathan Utsu Undelikwo Over a year ago

After running, the first line of code you said, my Build is failing

SmoggeR_js Over a year ago

Ensure that the paths are in the command are the same as you have in the project.

SmoggeR_js Over a year ago

No, you shouldn't.

Bhavesh Hirpara Over a year ago

In my case, it needs to run everytime. Anyone has solution?

|

ravibagul91 · Accepted Answer · 2019-09-15 12:14:45Z

37

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, 2019 at 12:14

ravibagul91

20.9k6 gold badges40 silver badges62 bronze badges

answered Mar 27, 2018 at 10:56

Rob

1,05610 silver badges20 bronze badges

4 Comments

fujianjin6471 Over a year ago

It seems that this command should be run every time before building?

Bhavesh Hirpara Over a year ago

@fujianjin6471 didyou get any solution? Or i need to run everytime?

fujianjin6471 Over a year ago

@BhaveshHirpara Up to now it is

Bhavesh Hirpara Over a year ago

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

pappu kumar · Accepted Answer · 2019-01-07 07:14:24Z

6

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 7, 2019 at 7:14

answered Jan 7, 2019 at 5:37

pappu kumar

3363 silver badges6 bronze badges

1 Comment

Hamidreza Sadegh Over a year ago

this is bad for every time app run

Nick · Accepted Answer · 2018-12-13 04:21:18Z

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, 2018 at 4:21

Nick

147k23 gold badges67 silver badges106 bronze badges

answered Dec 13, 2018 at 3:57

user2436649

512 silver badges2 bronze badges

2 Comments

s_signal Over a year ago

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 Over a year ago

I got the answer from the link. github.com/facebook/watchman/issues/760 \n sudo mkdir -p /usr/local/var/run/watchman \n sudo chmod 2777 /usr/local/var/run/watchman

Ankit Sharma · Accepted Answer · 2018-12-20 09:49:53Z

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, 2018 at 9:49

answered Dec 20, 2018 at 9:43

Ankit Sharma

2612 silver badges9 bronze badges

Comments

MernXL · Accepted Answer · 2022-04-09 05:15:13Z

4

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

edited Apr 9, 2022 at 5:15

answered Aug 20, 2019 at 1:55

MernXL

3162 silver badges6 bronze badges

Comments

sebastianf182 · Accepted Answer · 2018-01-17 21:37:35Z

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, 2018 at 21:37

sebastianf182

9,9783 gold badges38 silver badges67 bronze badges

Comments

Eugene Gr. Philippov · Accepted Answer · 2020-03-26 06:30:18Z

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, 2020 at 6:30

Eugene Gr. Philippov

2,1222 gold badges25 silver badges20 bronze badges

answered Jan 10, 2019 at 15:28

Asma_Kh

933 silver badges15 bronze badges

Comments

Inder · Accepted Answer · 2018-07-25 18:14:22Z

2

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

edited Jul 25, 2018 at 18:14

Inder

3,8369 gold badges30 silver badges43 bronze badges

answered Jul 25, 2018 at 16:37

lisandro

211 bronze badge

1 Comment

Narendra Singh Over a year ago

but, do I need to write bundle everytime, while running?

Jean Lambert · Accepted Answer · 2019-09-03 15:23:26Z

2

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.

answered Sep 3, 2019 at 15:23

Jean Lambert

1413 silver badges12 bronze badges

Comments

noone · Accepted Answer · 2020-02-20 17:14:46Z

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)

kimho · Accepted Answer · 2018-06-07 22:39:43Z

1

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

org.gradle.configureondemand = true

answered Jun 7, 2018 at 22:39

kimho

111 silver badge2 bronze badges

Comments

Karl Penzhorn · Accepted Answer · 2018-12-20 08:49:25Z

1

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" />

answered Dec 20, 2018 at 8:49

Karl Penzhorn

4051 gold badge4 silver badges12 bronze badges

Comments

J.Q · Accepted Answer · 2019-04-05 21:33:38Z

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 5, 2019 at 21:33

J.Q

7891 gold badge6 silver badges6 bronze badges

Comments

Pritam Guha · Accepted Answer · 2019-06-07 07:45:02Z

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 7, 2019 at 7:45

answered Jun 7, 2019 at 6:42

Pritam Guha

313 bronze badges

Comments

Engkus Kusnadi · Accepted Answer · 2019-06-17 04:57:54Z

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, 2019 at 4:57

Engkus Kusnadi

2,5163 gold badges21 silver badges43 bronze badges

1 Comment

GTHell Over a year ago

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

CKE · Accepted Answer · 2019-12-02 10:42:16Z

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 2, 2019 at 10:42

CKE

1,63819 gold badges21 silver badges33 bronze badges

answered Dec 2, 2019 at 8:49

Rahul Shakya

1,4251 gold badge19 silver badges17 bronze badges

Comments

NineCattoRules · Accepted Answer · 2019-07-21 17:26:29Z

0

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).

edited Jul 21, 2019 at 17:26

answered Jul 21, 2019 at 16:58

NineCattoRules

2,4687 gold badges42 silver badges91 bronze badges

Comments

Shweta Shah · Accepted Answer · 2019-11-06 10:41:15Z

0

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

answered Nov 6, 2019 at 10:41

Shweta Shah

1072 silver badges6 bronze badges

1 Comment

Abhishek Gurjar Over a year ago

Hi, Currently answer looks more like comment, you will be able to add comment when have 50+ reps.

Shubham Sharma · Accepted Answer · 2020-09-03 11:47:32Z

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 3, 2020 at 11:47

Shubham Sharma

4994 silver badges8 bronze badges

Comments

William Brochensque junior · Accepted Answer · 2021-01-18 15:15:36Z

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, 2021 at 15:15

William Brochensque junior

2,99223 gold badges46 silver badges55 bronze badges

answered Feb 5, 2019 at 11:05

Sasindu Lakshitha

1,10611 silver badges8 bronze badges

1 Comment

Shoeb Mirza Over a year ago

Do we have to run everytime in order to see modification of the code?

Lucas0205 · Accepted Answer · 2021-07-22 11:51:40Z

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, 2021 at 11:51

Lucas0205

551 silver badge6 bronze badges

Comments

Trần Hiệp · Accepted Answer · 2022-02-23 04:25:19Z

0

Try deleting the

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

It works for me

answered Feb 23, 2022 at 4:25

Trần Hiệp

1111 silver badge2 bronze badges

Collectives™ on Stack Overflow

React native run-android do not updating modified code

23 Answers 23

9 Comments

4 Comments

1 Comment

2 Comments

Comments

Comments

Comments

Comments

1 Comment

For CodePush users

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

1 Comment

Comments

1 Comment

Comments

Try deleting the

It works for me

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

23 Answers 23

9 Comments

4 Comments

1 Comment

2 Comments

Comments

Comments

Comments

Comments

1 Comment

For CodePush users

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

1 Comment

Comments

1 Comment

Comments

Try deleting the

It works for me

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related