CODEWITHSUNDEEP
androidnpmreact-native
Jonathan Utsu Undelikwo
Jonathan Utsu Undelikwo

Reputation: 672

React native run-android do not updating modified code

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- enter image description here

The app I get-

enter image description here

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?

Upvotes: 58

Views: 83914

Answers (23)

MernXL
MernXL

Reputation: 316

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

Upvotes: 4

Trần Hiệp
Trần Hiệp

Reputation: 101

Try deleting the

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

It works for me

enter image description here

Upvotes: 0

Lucas0205
Lucas0205

Reputation: 55

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.

Upvotes: 0

Sasindu Lakshitha
Sasindu Lakshitha

Reputation: 1086

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"

enter image description here

Upvotes: 0

Shubham Sharma
Shubham Sharma

Reputation: 499

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

Upvotes: 0

Asma_Kh
Asma_Kh

Reputation: 93

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

Upvotes: 3

noone
noone

Reputation: 6558

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)

  1. Delete build inside android/app folder
  2. Delete build inside android folder
  3. run rm -rf $HOME/.gradle/caches/ to delete cache
  4. Open build.gradle --> android/app/build.gradle
  5. comment out this line apply from: "../../node_modules/react-native/react.gradle"
  6. Delete index.android.bundle file from assets folder ( android/app/src/main/assets/index.android.bundle)
  7. 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
  8. 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)

Upvotes: 2

Rahul Shakya
Rahul Shakya

Reputation: 1425

Try this

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

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

wallaa!!...

Upvotes: 1

Shweta Shah
Shweta Shah

Reputation: 107

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

Upvotes: 0

Rob
Rob

Reputation: 1047

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

Upvotes: 37

Jean Lambert
Jean Lambert

Reputation: 141

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.

Upvotes: 2

NineCattoRules
NineCattoRules

Reputation: 2428

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:

enter image description here

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

Upvotes: 0

Engkus Kusnadi
Engkus Kusnadi

Reputation: 2506

Fix it in 3 steps:

  1. Enable Live Reload
  2. Disable Hot Reloading
  3. In Dev Settings, uncheck JS Dev Mode

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

Upvotes: 1

Pritam Guha
Pritam Guha

Reputation: 31

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

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

  1. 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/

  2. cd ./android

  3. ./gradlew assembleRelease -x bundleReleaseJsAndAssets

Upvotes: 1

J.Q
J.Q

Reputation: 689

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.

enter image description here

Upvotes: 1

Er Pkumar soni
Er Pkumar soni

Reputation: 320

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

Upvotes: 5

Ankit Sharma
Ankit Sharma

Reputation: 261

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/

Upvotes: 4

Karl Penzhorn
Karl Penzhorn

Reputation: 395

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

Upvotes: 1

user2436649
user2436649

Reputation: 51

This worked for me. Step 1)

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

Step2)

react-native start

Upvotes: 5

lisandro
lisandro

Reputation: 21

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

Upvotes: 2

kimho
kimho

Reputation: 11

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

org.gradle.configureondemand = true

Upvotes: 1

sebastianf182
sebastianf182

Reputation: 9978

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.

Upvotes: 3

SmoggeR_js
SmoggeR_js

Reputation: 3150

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.

Upvotes: 61

Related Questions