I've built an Android App using React Native; and the emulator says everything is okay.
But after I built app-release and installed it, I got an error saying unfortunately app has stopped.
Then I tried to find the error using app-debug( ./gradlew assembleDebug ), and got this:
It says undefined is not an object (evaluating 'r.default.manifest.env')
My dependencies are as below:
"dependencies": {
"expo": "^20.0.0",
"native-base": "^2.3.1",
"react": "16.0.0-alpha.12",
"react-native": "^0.47.0",
"react-native-navbar": "^2.0.1",
"react-navigation": "^1.0.0-beta.11"
}
So the cause of error is just stupid.
The issue with React-Navigation
In node_modules/react-navigation/src/navigators/DrawerNavigator.js there is imported TabRouter, which seems like component (starts with upper case), but in reality is just function, so when the code reaches const contentRouter = TabRouter(routeConfigs, tabsConfig); it throws that error because it does not resolve it as function? It does not even run it.
This is some new babel config stuff or something, which is just weird space of js for me...
So one way to fix this is to rename all TabRouter in that file to tabRouter.
I hate to modify node_modules files but this is only way that I found to fix this error.
Its working for me.
Related
Thanks in advance
I received the below error when I tried to upgrade react native from 68.1 to 70.6.
I tried this in android.
I ran react-native run-android and everything went well.
Upon running the app the metro bundler started loading 99% and showed this error in red screen
error: node_modules/react-native-svg/src/elements/Shape.tsx: /Users/jarenk/Documents/myApp/node_modules/react-native-svg/src/elements/Shape.tsx: child.isClassAccessorProperty is not a function
Can anybody help me on this.
Am using react native SVG and its version was old. I updated it to latest version too.
(13.6.0) but still its getting same error.
Error In Detail (If I take Build)
./gradlew assembleRelease
I get following error
error node_modules/react-native-svg/src/elements/Shape.tsx: /Users/jarenk/Documents/myApp/node_modules/react-native-svg/src/elements/Shape.tsx: child.isClassAccessorProperty is not a function.
TypeError: /Users/jarenk/Documents/myApp/node_modules/react-native-svg/src/elements/Shape.tsx: child.isClassAccessorProperty is not a function
at /Users/jarenk/Documents/myApp/node_modules/#babel/plugin-transform-typescript/lib/index.js:361:89
at Array.forEach (<anonymous>)
at PluginPass.Class (/Users/jarenk/Documents/myApp/node_modules/#babel/plugin-transform-typescript/lib/index.js:353:31)
at newFn (/Users/jarenk/Documents/myApp/node_modules/#babel/traverse/lib/visitors.js:171:21)
at NodePath._call (/Users/jarenk/Documents/myApp/node_modules/#babel/traverse/lib/path/context.js:53:20)
at NodePath.call (/Users/jarenk/Documents/myApp/node_modules/#babel/traverse/lib/path/context.js:40:17)
at NodePath.visit (/Users/jarenk/Documents/myApp/node_modules/#babel/traverse/lib/path/context.js:90:31)
at TraversalContext.visitQueue (/Users/jarenk/Documents/myApp/node_modules/#babel/traverse/lib/context.js:110:16)
at TraversalContext.visitQueue (/Users/jarenk/Documents/myApp/node_modules/#babel/traverse/lib/context.js:116:21)
info Run CLI with --verbose flag for more details.
Once again thank you.
Updating the package.json file helped me to resolve this.
just downgrade the babel versions like below
Also make sure same below version are in package-lock.json file
"#babel/core": "7.12.9",
"#babel/runtime": "7.12.5"
To solve this issue, you need to delete the "node_modules" folder and run either
"yarn install" or
"npm install" command.
It is likely that you switched to a Git branch with a higher version of Babel, which is causing the problem.
I have a mobile app with React Native and works without any problem. I wanted to add notification functionality to that app.
I installed firebase/app, firebase/messaging and #notifiee for being able to send notifications. After installed these packages, I am able to build my app on android emulator but i'm getting error on the console like this:
ERROR Error: Notifee native module not found.
LOG Running "myMobileApp" with {"rootTag":1}
ERROR Invariant Violation: "myMobileApp" has not been registered. This can happen if:
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called.
I'm using Visual Studio Code, Android Studio Emulator and JDK 11 on an Ubuntu 20.04.4 LTS.
Relevant packages in my package.json:
"dependencies": {
...
"#notifee/react-native": "^5.3.0",
"#react-native-firebase/app": "^14.11.0",
"#react-native-firebase/messaging": "^14.11.0",
"react": "16.13.1",
"react-native": "0.63.4",
...
},
stop your project, close the running terminal window and on your android studio press on the "sync project with gradle files" icon, you can find it on the top bar behind the device manager
re-run your project
work for me
if you are using ZEGOCLOUD videocalling .
compileSdkVersion = 33 // <----- change this in android/build.gradle
I've been trying to run my react native application, but it crashed when started and the debugger didn't return any error, so I checked the log cat in Android Studio and it shows me the following error: java.lang.NoClassDefFoundError: Failed resolution of: Lcom / google / firebase / iid / FirebaseInstanceId;
Caused by: java.lang.ClassNotFoundException: Didn't find class "com.google.firebase.iid.FirebaseInstanceId"
The React-Native version that I am using is: 0.61.5
And the version of react-native-firebase that I have installed is 5.6.0
It has already been a recent failure, since previously the app worked correctly and I have not made any changes to the firebase integration either
To debug this, first I would suggest running adb logcat and seeing what Java error you are getting. If it errors out on the not being able to find the required Java classes, then try adding the following to your project:
app/build.gradle file (dependencies section):
implementation 'com.google.firebase:firebase-iid'
(You might need to provide a version for this package as well)
I have getting same error, I fixed this error by uninstalling old version and installing new version of push notification.
uninstall:
npm uninstall react-native-push-notification
install:
npm i react-native-push-notification
since react-native-push-notification upgraded to new version v7.x so that, while installing app it give above error.
checkout this -> https://www.npmjs.com/package/react-native-push-notification
There is an issue, in react-native-push-notification (FirebaseInstanceId has been deprecated and now removed). Sounds like you are using a lib that is using that that here. It should be fixed later on, but for now you can add the following to your android/build.gradel file.
buildscript {
ext {
...
firebaseMessagingVersion = "21.0.0"
}
I had also to update these libs (you will get compile errors if you don't, so you may have others to update):
- "react-native-device-info": "^5.5.8",
+ "react-native-device-info": "^8.1.3",
- "react-native-push-notification": "^7.3.0",
+ "react-native-push-notification": "^7.3.1",
This is in reference to this issue
wix/react-native-notifications
This lib having issue with refreshToken() Method.
Didn't find class "com.google.firebase.iid.FirebaseInstanceId"
so just remove / reinstall the package, if still error is coming then we have to wait for next bug fix release of this lib or
we can manually change native code to make it working.
below is link of lib
https://github.com/wix/react-native-notifications/issues?q=FirebaseInstanceId
I tried using react-native-track-player and it runs fine on android, but on the web, I get the following error:
./node_modules/react-native-track-player/lib/hooks.js
Attempted import error: 'STATE_BUFFERING' is not exported from './index' (imported as 'TrackPlayer').
I yet at this moment don't know how to fix this, but I will be grateful if someone knows how may I fix it or if there is a great alternative for an audio player that can be used for both web and android, and also be very lightweight.
Package versions:
"react": "^16.13.1",
"react-native": "0.63.4",
"react-native-track-player": "^1.2.3",
"typescript": "^4.1.3",
The tutorial I am following: https://medium.com/finimize-engineering/building-a-global-audio-player-in-react-native-dd065fc64b02
I want to link react native vector icons to my project.
But after i enter react-native link react-native-vector-icons
I get the following
warn Calling react-native link [packageName] is deprecated in favor of autolinking. It will be removed in the next major release.
Autolinking documentation: https://github.com/react-native-community/cli/blob/master/docs/autolinking.md
info iOS module "react-native-vector-icons" is already linked
info Linking "react-native-vector-icons" Android dependency
error Linking "react-native-vector-icons" failed. Run CLI with --verbose flag for more details.
Error: ENOENT: no such file or directory, open 'C:\Users\denze\ShoppingList\android\src\main\res\values\strings.xml'
at Object.openSync (fs.js:457:3)
at Object.readFileSync (fs.js:359:35)
at applyPatch (C:\Users\denze\ShoppingList\node_modules\#react-native-community\cli-platform-android\build\link\patches\applyPatch.js:42:51)
at Object.registerNativeAndroidModule [as register] (C:\Users\denze\ShoppingList\node_modules\#react-native-community\cli-platform-android\build\link\registerNativeModule.js:33:27)
at C:\Users\denze\ShoppingList\node_modules\react-native\node_modules\#react-native-community\cli\build\commands\link\linkDependency.js:63:16
at Array.forEach (<anonymous>)
at linkDependency (C:\Users\denze\ShoppingList\node_modules\react-native\node_modules\#react-native-community\cli\build\commands\link\linkDependency.js:36:32)
at processTicksAndRejections (internal/process/task_queues.js:97:5)
at async Object.link [as func] (C:\Users\denze\ShoppingList\node_modules\react-native\node_modules\#react-native-community\cli\build\commands\link\link.js:110:5)
at async Command.handleAction (C:\Users\denze\ShoppingList\node_modules\react-native\node_modules\#react-native-community\cli\build\index.js:186:9)
I have succesfully downloaded the package it just wont link. I have also looked for solutions but without succes
Yea, I was getting the same error. It's possible that it's just a file location issue (I'm not sure). At least, that's what I thought.
I moved the src folder up a directory (based on my error message), then re-ran react-native link react-native-vector-icons and it worked.
I'm not a fan of this solution because I'm not sure what effect this might have as I continue and I would much prefer a solution that doesn't ask me to just move a (pretty important) directory but, hey it works (for now).
Update
Perhaps a more elegant solution (for now) is to downgrade your react-native version (just saying, in case you haven't tried that yet, or someone else comes and hasn't tried that).
Ex. package.json
{
"dependencies": {
"react": "16.11.0",
"react-native": "0.61.5",
"react-native-vector-icons": "^6.6.0"
}
}
But yea, this issue was recently issue posted in the react-native repo and the react-native-community repo. Hopefully something is clarified soon.
Downgrading react-native was the fix for me. Credit to #izzy3000