100mslive/100ms-react-native

🐛 [ANDROID] A problem occurred configuring project ':100mslive_react-native-hms'

Closed this issue · 8 comments

code-jenn-or commented

Description

Following react native quick start, installed depenedencies and added code but no successful builds.
Even tried downgrading to 1.9.0 and still got error. This is my first time attempting to use this package.

For Android I get error:

BUILD FAILED in 2s
error Failed to install the app. Command failed with exit code 1: ./gradlew app:installUatDebug -PreactNativeDevServerPort=8081 FAILURE: Build failed with an exception. * What went wrong:
A problem occurred configuring project ':100mslive_react-native-hms'.
> Could not create an instance of type com.android.build.api.variant.impl.LibraryVariantBuilderImpl. > Namespace not specified. Specify a namespace in the module's build file. See https://d.android.com/r/tools/upgrade-assistant/set-namespace for information about setting the namespace. If you've specified the package attribute in the source AndroidManifest.xml, you can use the AGP Upgrade Assistant to migrate to the namespace value in the build file. Refer to https://d.android.com/r/tools/upgrade-assistant/agp-upgrade-assistant for general information about using the AGP Upgrade Assistant. * 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. * Get more help at https://help.gradle.org BUILD FAILED in 2s.

100ms React Native Version

1.10.0

React Native Version

0.73.2

Steps to reproduce

  1. Followed quick start and Installed dependencies.
  2. Attempted to build android (debug mode) and fails immediately
  3. Used react-native-clean to clean the build folder and build again, same error
  4. Downgrade to 1.9.0, same error.

Expected results

Expect successful build to be able to even test feature

Code example, screenshot, or link to a repository

Code sample 


Logs



Logs

<!-- Paste your logs here -->



BUILD FAILED in 5s

error Failed to install the app. Command failed with exit code 1: ./gradlew app:installUatDebug -PreactNativeDevServerPort=8081 FAILURE: Build failed with an exception. * What went wrong:

A problem occurred configuring project ':100mslive_react-native-hms'.




Could not create an instance of type com.android.build.api.variant.impl.LibraryVariantBuilderImpl. > Namespace not specified. Specify a namespace in the module's build file. See https://d.android.com/r/tools/upgrade-assistant/set-namespace for information about setting the namespace. If you've specified the package attribute in the source AndroidManifest.xml, you can use the AGP Upgrade Assistant to migrate to the namespace value in the build file. Refer to https://d.android.com/r/tools/upgrade-assistant/agp-upgrade-assistant for general information about using the AGP Upgrade Assistant. * 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. * Get more help at https://help.gradle.org BUILD FAILED in 5s.


github-actions commented 
Hello! Thank you for filing an issue.


Please include relevant logs or detailed description for faster resolutions.


We really appreciate your contribution!
ygit commented 
hey @cmejet

Can you share a zip of the project where this issue is happening?
ygit commented 
hey @cmejet

Can you share a project where this issue is reproducible?
code-jenn-or commented 
I cannot share my project files BUT here is the react-native info output


System:
  OS: macOS 14.3.1
  CPU: (12) arm64 Apple M2 Pro
  Memory: 140.89 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 18.16.0
    path: /usr/local/bin/node
  Yarn:
    version: 1.22.19
    path: /usr/local/bin/yarn
  npm:
    version: 9.5.1
    path: /usr/local/bin/npm
  Watchman:
    version: 2024.01.22.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.14.3
    path: /Users/jenn/.rbenv/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.4
      - iOS 17.4
      - macOS 14.4
      - tvOS 17.4
      - visionOS 1.1
      - watchOS 10.4
  Android SDK: Not Found
IDEs:
  Android Studio: 2022.2 AI-222.4459.24.2221.9862592
  Xcode:
    version: 15.3/15E204a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.10
    path: /usr/bin/javac
  Ruby:
    version: 2.7.6
    path: /Users/jenn/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.73.2
    wanted: 0.73.2
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false



And here is a list of project dependencies:


"dependencies": {
   "@100mslive/react-native-hms": "^1.10.1",
   "@apollo/client": "^3.8.1",
   "@expo/vector-icons": "^14.0.0",
   "@graphql-codegen/cli": "^5.0.0",
   "@medplum/core": "^3.0.2",
   "@medplum/expo-polyfills": "^3.0.2",
   "@medplum/fhirtypes": "^3.0.2",
   "@medplum/react-hooks": "^3.0.2",
   "@react-native-async-storage/async-storage": "1.21.0",
   "@react-native-community/checkbox": "^0.5.17",
   "@react-native-community/netinfo": "11.1.0",
   "@react-native-firebase/app": "^18.8.0",
   "@react-native-firebase/messaging": "^18.8.0",
   "@react-native-firebase/remote-config": "^18.7.1",
   "@react-navigation/bottom-tabs": "^6.5.7",
   "@react-navigation/material-top-tabs": "^6.6.2",
   "@react-navigation/native": "^6.1.6",
   "@react-navigation/native-stack": "^6.9.12",
   "@sentry/react-native": "5.19.1",
   "@splitsoftware/splitio-react-native": "0.7.0",
   "base-64": "^1.0.0",
   "dayjs": "^1.11.8",
   "expo": "~50.0.5",
   "expo-av": "~13.10.4",
   "expo-constants": "~15.4.5",
   "expo-crypto": "~12.8.0",
   "expo-device": "~5.9.3",
   "expo-file-system": "~16.0.5",
   "expo-font": "~11.10.2",
   "expo-keep-awake": "~12.8.2",
   "expo-secure-store": "~12.8.1",
   "expo-standard-web-crypto": "^1.7.0",
   "i18n-js": "^4.3.2",
   "lodash": "^4.17.21",
   "native-base": "^3.4.26",
   "react": "18.2.0",
   "react-native": "0.73.2",
   "react-native-biometrics": "^3.0.1",
   "react-native-blob-util": "^0.17.3",
   "react-native-collapsible": "^1.6.1",
   "react-native-device-info": "^10.4.0",
   "react-native-document-picker": "^9.1.1",
   "react-native-error-boundary": "^1.2.3",
   "react-native-file-viewer": "^2.1.5",
   "react-native-image-crop-picker": "^0.39.0",
   "react-native-inappbrowser-reborn": "^3.7.0",
   "react-native-keyboard-aware-scroll-view": "^0.9.5",
   "react-native-linkify": "^1.4.2",
   "react-native-localize": "^3.0.6",
   "react-native-mask-input": "^1.2.3",
   "react-native-pdf": "^6.6.2",
   "react-native-permissions": "^4.1.4",
   "react-native-radio-buttons-group": "^3.0.8",
   "react-native-render-html": "^6.3.4",
   "react-native-safe-area-context": "4.8.2",
   "react-native-screens": "^3.29.0",
   "react-native-stepper-view": "^0.2.6",
   "react-native-svg": "14.1.0",
   "react-native-tab-view": "^3.5.1",
   "react-native-twilio-video-webrtc": "https://github.com/blackuy/react-native-twilio-video-webrtc",
   "react-native-ux-cam": "^5.4.14",
   "react-native-video": "^5.2.1",
   "react-native-webview": "13.6.4",
   "semver-compare": "^1.0.0"
 },
 "devDependencies": {
   "@babel/core": "^7.23.2",
   "@babel/preset-env": "^7.23.2",
   "@babel/runtime": "^7.23.9",
   "@graphql-codegen/client-preset": "^4.1.0",
   "@graphql-codegen/fragment-matcher": "^5.0.0",
   "@graphql-codegen/typescript": "^4.0.1",
   "@graphql-codegen/typescript-graphql-files-modules": "^2.2.1",
   "@graphql-codegen/typescript-operations": "^4.0.1",
   "@graphql-codegen/typescript-react-apollo": "^3.3.7",
   "@react-native-community/slider": "4.4.2",
   "@react-native/eslint-config": "^0.72.2",
   "@react-native/metro-config": "^0.72.11",
   "@testing-library/jest-native": "^5.4.2",
   "@testing-library/react-hooks": "^8.0.1",
   "@testing-library/react-native": "^12.4.3",
   "@trivago/prettier-plugin-sort-imports": "^4.1.1",
   "@tsconfig/react-native": "^3.0.0",
   "@types/jest": "^29.2.1",
   "@types/lodash": "^4.14.194",
   "@types/react": "~18.2.45",
   "@types/react-test-renderer": "^18.0.0",
   "@typescript-eslint/eslint-plugin": "^6.21.0",
   "@typescript-eslint/parser": "^6.21.0",
   "babel-jest": "^29.2.1",
   "babel-loader": "^8.3.0",
   "babel-plugin-module-resolver": "^5.0.0",
   "eslint": "^8.2.0",
   "eslint-config-airbnb-base": "15.0.0",
   "eslint-config-airbnb-typescript": "^17.0.0",
   "eslint-config-prettier": "^9.1.0",
   "eslint-import-resolver-typescript": "^3.6.0",
   "eslint-plugin-ft-flow": "^2.0.1",
   "eslint-plugin-import": "^2.25.2",
   "eslint-plugin-jest": "^27.6.3",
   "eslint-plugin-prettier": "^5.1.3",
   "eslint-plugin-react-native": "^4.1.0",
   "graphql": "^16.8.1",
   "husky": "^8.0.0",
   "jest": "^29.2.1",
   "jest-fetch-mock": "^3.0.3",
   "metro-react-native-babel-preset": "0.76.7",
   "pod-install": "^0.1.38",
   "prettier": "^3.2.5",
   "react-dom": "18.2.0",
   "react-native-dotenv": "^3.4.8",
   "react-native-svg-transformer": "^1.0.0",
   "react-test-renderer": "18.2.0",
   "typescript": "^5.3.0"
 },

ygit commented 
Thanks for these @cmejet

Let us check & come back
ygit commented 
hey @cmejet

I see that you have react-native-twilio-video-webrtc installed in your app.

You'll have to remove it to try out 100ms SDK.

This is because both these packages use WebRTC underneath which causes name conflicts when installed together.

Simply, remove the react-native-twilio-video-webrtc from your package.json file & try running the app.


Also, does the app runs fine on iOS?
ygit commented 
hey @cmejet

Were you able to check by removing the react-native-twilio-video-webrtc package?
github-actions commented 
This issue was closed because it has been stalled for 5 days with no activity.