Not able to run React native app using Video SDK

Video SDK
1

steps Done:
installed:

  • List item
    “@zoom1234/react-native-videosdk”: “^1.2.0”,
    copied mobilertc inside Android Folder
    in griddle Folder

    packagingOptions {
    pickFirst ‘**/*.so’
    }

    implementation project(‘:mobilertc’)
    in settings.gradle:
    include ‘:mobilertc’

When i try to run the video SDK react Native App getting following error

error Failed to install the app. Make sure you have the Android development environment set up: Setting up the development environment · React Native.
Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081
warn Package rn-fetch-blob contains invalid configuration: “dependency.hooks” is not allowed. Please verify it’s properly linked using “react-native config” command and contact the package maintainers about this.
node_modules/@zoom1234/react-native-videosdk/android/src/main/java/com/reactnativezoomvideosdk/RNZoomVideoSdkModule.java:53: error: RNZoomVideoSdkModule is not abstract and does not override abstract method onLiveTranscriptionMsgError(ILiveTranscriptionLanguage,ILiveTranscriptionLanguage) in ZoomVideoSDKDelegate
public class RNZoomVideoSdkModule extends ReactContextBaseJavaModule implements ZoomVideoSDKDelegate, LifecycleEventListener {
^
node_modules/@zoom1234/react-native-videosdk/android/src/main/java/com/reactnativezoomvideosdk/convert/RNZoomVideoSDKErrors.java:67: error: cannot find symbol
put(ZoomVideoSDKErrors.Errors_Meeting_Share_Error, “ZoomVideoSDKError_meeting_Share_Error”);
^
symbol: variable Errors_Meeting_Share_Error
location: interface ZoomVideoSDKErrors
node_modules/@zoom1234/react-native-videosdk/android/src/main/java/com/reactnativezoomvideosdk/convert/RNZoomVideoSDKErrors.java:68: error: cannot find symbol
put(ZoomVideoSDKErrors.Errors_Meeting_Share_Module_Not_Ready, “ZoomVideoSDKError_meeting_Share_Module_Not_Ready”);
^
symbol: variable Errors_Meeting_Share_Module_Not_Ready
location: interface ZoomVideoSDKErrors
node_modules/@zoom1234/react-native-videosdk/android/src/main/java/com/reactnativezoomvideosdk/convert/RNZoomVideoSDKErrors.java:69: error: cannot find symbol
put(ZoomVideoSDKErrors.Errors_Meeting_Share_You_Are_Not_Sharing, “ZoomVideoSDKError_meeting_Share_You_Are_Not_Sharing”);
^
symbol: variable Errors_Meeting_Share_You_Are_Not_Sharing
location: interface ZoomVideoSDKErrors
node_modules/@zoom1234/react-native-videosdk/android/src/main/java/com/reactnativezoomvideosdk/convert/RNZoomVideoSDKErrors.java:70: error: cannot find symbol
put(ZoomVideoSDKErrors.Errors_Meeting_Share_Type_Is_Not_Support, “ZoomVideoSDKError_meeting_Share_Type_Is_Not_Support”);
^
symbol: variable Errors_Meeting_Share_Type_Is_Not_Support
location: interface ZoomVideoSDKErrors
node_modules/@zoom1234/react-native-videosdk/android/src/main/java/com/reactnativezoomvideosdk/convert/RNZoomVideoSDKErrors.java:71: error: cannot find symbol
put(ZoomVideoSDKErrors.Errors_Meeting_Share_Internal_Error, “ZoomVideoSDKError_meeting_Share_Internal_Error”);
^
symbol: variable Errors_Meeting_Share_Internal_Error
location: interface ZoomVideoSDKErrors
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
6 errors

FAILURE: Build failed with an exception.

  • What went wrong:
    Execution failed for task ‘:zoom_react-native-videosdk:compileDebugJavaWithJavac’.

Compilation failed; see the compiler error output for details.

  • Try:

Run with --stacktrace option to get the stack trace.
Run with --info or --debug option to get more log output.
Run with --scan to get full insights.

BUILD FAILED in 4m 22s

at makeError (<projectPath>node_modules/execa/index.js:174:9)
at <projectPath>node_modules/execa/index.js:278:16
at processTicksAndRejections (internal/process/task_queues.js:95:5)
at async runOnAllDevices (<projectPath>node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/runOnAllDevices.js:109:5)
at async Command.handleAction (<projectPath>node_modules/react-native/node_modules/@react-native-community/cli/build/index.js:192:9)

info Run CLI with --verbose flag for more details.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! HealthScore@0.0.1 android: react-native run-android
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the HealthScore@0.0.1 android script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/lokesh/.npm/_logs/2022-09-08T10_56_30_163Z-debug.log

2

Hi @lokesh.m ,

You’re using the React Native sample app and this thread here is helpful for trouble shooting for Android:

Specifically, the dev highlights correctly to run ‘yarn’ in the ‘example’ folder of the sample app as well to have all the required node modules.

Let me know if that helps!

3

Hello, I am working on integrating zoom with a react native application, i follow all the steps available in this link here, but i am facing an issue while building the app on android.

Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081
/home/devpixel/Desktop/pixel38/healing-center-mobile/node_modules/@zoom/react-native-videosdk/android/src/main/java/com/reactnativezoomvideosdk/RNZoomVideoSdkModule.java:54: error: RNZoomVideoSdkModule is not abstract and does not override abstract method onLiveTranscriptionMsgError(ILiveTranscriptionLanguage,ILiveTranscriptionLanguage) in ZoomVideoSDKDelegate
public class RNZoomVideoSdkModule extends ReactContextBaseJavaModule implements ZoomVideoSDKDelegate, LifecycleEventListener {
^
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
1 error

More Info
i added the mobilertc file in android file
i made all the changes required in settings.gradle and in app build.gradle

settings.gradle code

apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
include ':app'
includeBuild('../node_modules/react-native-gradle-plugin')
include ':react-native-video'
project(':react-native-video').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-video/android-exoplayer')
include ':mobilertc'
include ':sample'
if (settings.hasProperty("newArchEnabled") && settings.newArchEnabled == "true") {
    include(":ReactAndroid")
    project(":ReactAndroid").projectDir = file('../node_modules/react-native/ReactAndroid')
    include ':react-native-secure-key-store'
    project(':react-native-secure-key-store').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-secure-key-store/android')
}

app build,gradle dependecies

 implementation project(':react-native-secure-key-store')
    implementation project(':react-native-video')
    implementation "androidx.appcompat:appcompat:1.0.0"
    implementation project(':mobilertc')
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    implementation 'androidx.recyclerview:recyclerview:1.0.0'
    implementation 'androidx.legacy:legacy-support-v4:1.0.0'
    implementation 'com.github.chrisbanes:PhotoView:2.3.0'
    implementation 'androidx.security:security-crypto:1.1.0-alpha02'
    implementation 'com.google.crypto.tink:tink-android:1.5.0'

and also i add this code part in app build.gradle

  packagingOptions {
        pickFirst '**/*.so'
    }

please any help?

4

I moved your post so that it was in the correct category and so that you could see the solution provided by someone else who was having similar issues.