问题
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?
回答1:
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.
回答2:
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
回答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.
回答4:
This worked for me. Step 1)
rm -rf /usr/local/var/run/watchman && brew uninstall watchman && brew install watchman
Step2)
react-native start
回答5:
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/
回答6:
In my case, deleting below line in gradle.properties solved it.
org.gradle.configureondemand = true
回答7:
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
回答8:
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" />
回答9:
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
回答10:
run the script below after that just do 1.gradlew clean 2.react-native link
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
回答11:
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
回答12:
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.
回答13:
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
回答14:
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
回答15:
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.
回答16:
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).
回答17:
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.
回答18:
Silly mistake by me that not to save edits of App.js. After Saving data will reflect :)
来源：https://stackoverflow.com/questions/48304116/react-native-run-android-do-not-updating-modified-code