Getting the following message when I init a new project and then launch the Xcode emulator:
React-Native Version Mismatch
Javascript Version 0.50.1 Native version: 0.50.0
Make sure you have rebuilt the native code. ...
Does anyone know what is going on here and can help me?
This question is related to
react-native
react-native-android
react-native-ios
just force react native version in your android's app level gradle file, in the dependencies
section.
compile ("com.facebook.react:react-native:0.52.0") { force = true }
worked for me
Close the nodejs terminal and Rebuild.
Expo users - make sure your app.json
sdk version and package.json
expo version are (may be equal) compatible to each other.
I update the react-native version: 0.57.4 to 0.59.8 and i getting the following message "React-Native Version Mismatch"
This solution works for me:
1.- In the folder of the project, update all the code react-native in the Android Studio:
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/
2.- Go to Android Studio and FILE->>INVALIDATE CACHES/RESTART
3.- In Android Studio, BUILD->>CLEAN PROJECT
4.- In Android Studio, BUILD->>REBUILD PROJECT
5.- Delete App in simulator or Devices
6.- Run...
I hope to help you!
In my case, I changed the expo
version manually. I got the same issue because I forgot to update sdkVersion in app.json and babel-preset-expo in package.json
After that run: expo r -c
to clear cache and start the app.
Try changing the version of your react-native specified in your package.json (under dependencies - react-native) to the same as 'Native Version' shown in the error message. Then run 'npm install' again.
This worked for me
expo update 39.0.0 --npm
As my expo version was 38(Check in package.json).
In my case (NOT using expo & Android build)
package.json
"dependencies": {
"react": "16.3.1",
"react-native": "0.55.2"
}
And app.json
{
"sdkVersion": "27"
}
resolved the issue
Make sure also that the wifi is enabled in your emulator
In my case, my android physical device does not connect to the js server running on my development machine. So i have to manually set the debug server host & port on my android device.
This is working for me :
react-native start --reset-cache
Opene projectdir/android/app/build.gradle
Try:
compile("com.facebook.react:react-native:0.51.0") { force = true }
Instead of compile "com.facebook.react:react-native:0.51.0" { force = true }
Ref.: Link
I have got the same issue while building my react native app for android and I did the following which worked for me.
The "JavaScript version 0.50.1" in the error console is the react-native version in your package.json
file. Make sure it is the same version as "Native version 0.50.0" in the error console.
react-native run-android
.For me it was due to react-native
version in dependency
section of package.json
file. It was:
"dependencies": {
"expo": "^27.0.1",
"react": "16.3.1",
"react-native": "~0.55.0"
}
I chaged it to:
"dependencies": {
"expo": "^27.0.1",
"react": "16.3.1",
"react-native": "0.52.0"
}
Now it works fine.
I have tried the solutions above but adding this to AndroidManifest.xml seems to fix it.
android:usesCleartextTraffic="true"
I was able to fix this by deleting node_modules and running npm install again
The fix we did was to make sure the ANDROID_HOME and PATH variables were set up prior to the build.
First, run the below two commands then the build the app for the device.
export ANDROID_HOME=/Users/username/MyFiles/applications/androidsdk
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
For my case I'm facing it on iOS, and I've tried to reset and clear all cache using below command but failed too, despite many comments saying that the root cause is there is react packager running somewhere accidentally, I've restarted my mac and the problem still remained.
watchman watch-del-all && rm -rf node_modules/ && yarn cache clean && yarn install && yarn start --reset-cache
The solution is, to delete the build folder @ /ios/build
, then execute react-native run-ios
solved it
It happens sometimes when you try to run without closing the node server, in which the previous app was running, so try restarting React.To do so, just run the following commands:
1. To kill current processes
killall node -9
2. To Start React Native
react-native start
3. Then Run android
react-native run-android
It means you forgot to close old one bundle (nodejs terminal) and that that terminal has another react native version.
Option 1 :- Close all terminal and restart again.
Option 2 :- react-native start --reset-cache
Option 3 :- killall node.
Option 4 :- Restart your system.
This would be especially applicable for Android Studio 3.2 or newer users, as this did not seem to happen before upgrading.
If you didn't change the version of React Native in your configuration (package.json
, build.gradle
), the problem with the version mismatch could come from undetected changes to project files after checking out another commit in git. To overcome that, make sure to:
Clean the build: Build > Clean Project
Sync Project with Gradle files: next to the Stop
button on navigation bar
Make Project: first button in navigation bar with an hammer icon
And finally Run / Debug app
This would also overcome the Session 'app': Error Installing APK
error that might happen due to Instant Run once the app is uninstalled from the device.
I am using a physical device, in my case this solved the problem:
lsof -i :8081
kill -9 PID
react-native run-android
or react-native run-ios
)edit your package.json for your javascript version
"react-native": "^0.50.1",
after run
npm install
I've never seen this error before, but whenever I can't get Xcode and React-Native to play well together, I do a couple of things. Check what version of Xcode I'm working with. If it needs to be updated, I update it. Then clearing watchman and the cache are the second place I go. I don't use the reset cache command. It always says that I need to verify the cache, so I skip that (you can do it though, I just get confused). I use rm -rf $TMPDIR/react-* to get rid of any cached builds. If that doesn't work, I try to build the app in Xcode, then work my way from there, to build it with react-native run-ios. With this error message, it seems you might start by trying to build it with Xcode. Hope that helps...let me know your progress with it. Good luck! (Also, you could update to RN 0.51 as another attempt to get your versions synced.)
For others with the same problem on iOS with CocoaPods:
I tried all of the solutions above, without luck. I have some packages with native dependencies in my project, and some of those needed pod modules being installed. The problem was that React was specified in my Podfile, but the React pod didn't automatically get upgraded by using react-native-git-upgrade
.
The fix is to upgrade all installed pods, by running cd ios && pod install
.
For Android developers who couldn't get it fixed by just closing and rebuilding, Manually uninstall the app on the emulator/device.
In my case installing a new virtual device helped. Now I am using 1 device per app.
Just go to your android/app/build.gradle
and then add to the dependencies
section:
dependencies{
compile ("com.facebook.react:react-native:0.50.3") { force = true }
}
/// the react native version can be found in package.json
I had this problem for the longest time and none of the above solutions helped. I was in the middle of upgrading react native in a create-react-native-app
project until I found out that not all versions of Expo support the latest React Native.
Found this page linked in the documentation that shows which version combinations of React Native, React, and Expo are officially supported:
Source: https://github.com/react-community/create-react-native-app/blob/master/VERSIONS.md
Editing the app.json
and package.json
files to match the corresponding versions and running npm install
got everything working again.
I updated the SDK version in app.json to match with the react native SDK version in package.json to fix this issue
In app.json
"sdkVersion": "37.0.0",
In package.json
"react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
Possible Fix:
watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf $TMPDIR/haste-map-react-native-packager-* && rm -rf node_modules/&& npm install
If the problem persists, try to execute the project directly from the Xcode
This worked for me.
I got this classing when TypeScript type definitions mismatched.
E.G react-native
at 0.61.5 in dependencies
and @types/react-native
at 0.60.0 in devDependencies
.
As soon as I updated devDependencies it worked. Didn't have to restart anything.
This is not a fix, but in my case, I had multiple RN apps installed on my device and I was unknowingly attempting to 'Reload` from within the wrong application. (I'm developing two apps simultaneously at the moment) So make sure you're in the correct application!
This Answer is Published in 2020, Fix this Error in 3 steps:
First step: I changed the value of expo
in package.json
file to the latest supported version, according to expo documents(visit here).
Second step: I changed the value of sdkVersion
in app.json
file to the same value of expo
in package.json
.( equal number to last step).
Third step : I changed the value of react-native
in package.json
file to the same value of React Native Version
, according to expo documents(visit here).
now your ready to go.
use npm install
to install specified version of dependencies and then npm start
to run the project
In case you created your react-native app using create-react-native-app. You should have a app.json (expo). and a package.json file, check if the expo versions match and change accordingly. For example in my case the problem was that in the app.json file I had a 25.0.0 version for the expo sdkVersion attribute, I change that to 23.0.0 and everything worked.
package.json:
"dependencies": {
"expo": "^23.0.4",
"react": "16.0.0",
"react-native": "^0.50.4"
}
app.json:
{
"expo": {
"sdkVersion": "23.0.0" // before was 25.0.0
}
}
All those answers about changing versions to match whatever were wrong for me.
What the error does not tell you is where that version is coming from. Running a search of all files, I found that there was only 1 place where the javascript version was defined:
The problem was that the bundle (\android\app\src\main\assets\index.android.bundle
) needed to be regenerated as it was containing older versions compared to the installed bundle.
In order to regenerate that file, I had to run the following command:
react-native bundle --platform android --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
And because I had upgraded my react-native, running this command gave me a few errors I needed to resolve (mainly installing new dependencies).
Clearing cache, reloading in android studio, reloading react, reloading the terminal, creating a new project and transfering the files, running watchman, all did not work as that specific bundle file happens to be tracked in the Git repo.
In your build.gradle file add the following
implementation ("com.facebook.react:react-native:0.51.0") {
force = true;
}
replace 0.51.0
with the version in your package.json
I was trying to build and run a React Native app from WebStorm and ran into this problem. The simple solution for me was:
watchman watch-del-all
On macOS, if watchman
is not already installed, install it using Homebrew:
brew install watchman
Try installing the dependencies again. That worked for me-
1.) yarn/npm install
2.) yarn/npm start --reset-cache
If you're running your React Native app through Expo, upgrading React Native is liable to cause this error (as noted at https://github.com/expo/expo/issues/923).
If that's your scenario, your options are:
package.json
) to a version that is compatible with your React Native version (if one exists, which may not be the case - judging by the linked issue, I figure that Expo support trails React Native releases).For me, who is running with a monorepo, there was a hidden react-native version inside yarn.lock. It was not present in any package.json, but was never deleted.
I removed that particular react-native version from yarn.lock, and did a
yarn install
This cleaned out alot of old stuff and made sure that things was working fine.
I also had this issue using Expo and iOS Simulator. What worked for me was erasing the Simulator in Hardware > Erase All Content and Settings...
Source: Stackoverflow.com