Android EAS build failing because of outdated library - react-native

I am trying to complete an Android build using EAS for my react native app. Right now it is failing in the Run gradlew section because one of the packages in my package.json titled fiction-expo-restart ends up importing unimodules, which are not compatible with expo-sdk-47. Expo has long moved onto expo modules instead.
So far I have been unable to resolve this error, and I have the most recent version of the fiction-expo-restart library. How can I resolve this?
Here is the error:
[stderr] Error loading assets JSON from Metro. Ensure you've followed all expo-updates installation steps correctly. Unable to resolve module #unimodules/core from /home/expo/workingdir/build/node_modules/fiction-expo-restart/node_modules/expo-updates/build/Updates.js: #unimodules/core could not be found within the project or in these directories:
[stderr] node_modules/fiction-expo-restart/node_modules/expo-updates/node_modules
[stderr] node_modules/fiction-expo-restart/node_modules
[stderr] node_modules
[stderr] > 1 | import { RCTDeviceEventEmitter, CodedError, NativeModulesProxy, UnavailabilityError, } from '#unimodules/core';
[stderr] | ^
[stderr] 2 | import { EventEmitter } from 'fbemitter';
[stderr] 3 | import ExpoUpdates from './ExpoUpdates';
[stderr] 4 | export * from './Updates.types';
[stderr] #build-script-error-end
[stderr] at /home/expo/workingdir/build/node_modules/expo-updates/scripts/createManifest.js:59:11
[stderr] at runMicrotasks (<anonymous>)
[stderr] at processTicksAndRejections (node:internal/process/task_queues:96:5)
And my package.json looks like this:
{
"version": "1.0.30",
"scripts": {
"start": "expo start --dev-client",
"android": "expo run:android",
"ios": "expo run:ios",
"web": "expo start --web",
"postinstall": "patch-package"
},
"dependencies": {
"#ptomasroos/react-native-multi-slider": "^2.2.2",
"#react-native-community/datetimepicker": "6.5.2",
"#react-native-picker/picker": "2.4.8",
"#react-navigation/bottom-tabs": "^6.4.0",
"#react-navigation/drawer": "^6.5.0",
"#react-navigation/native": "^6.0.13",
"#react-navigation/native-stack": "^6.9.1",
"#react-navigation/stack": "^6.3.2",
"crypto-js": "^3.1.9-1",
"deprecated-react-native-prop-types": "2.2.0",
"expo": "^47.0.8",
"expo-av": "~13.0.2",
"expo-crypto": "~12.0.0",
"expo-dev-client": "~2.0.1",
"expo-device": "~5.0.0",
"expo-linear-gradient": "~12.0.1",
"expo-location": "~15.0.1",
"expo-permissions": "~14.0.0",
"expo-splash-screen": "~0.17.5",
"expo-sqlite": "~11.0.0",
"expo-status-bar": "~1.4.2",
"expo-updates": "~0.15.6",
"fiction-expo-restart": "^1.1.3", // Problem package
"isaac": "^0.0.5",
"lodash.clonedeep": "^4.5.0",
"lodash.debounce": "^4.0.8",
"lodash.isequal": "^4.5.0",
"moment": "^2.29.4",
"patch-package": "^6.4.7",
"react": "18.1.0",
"react-native": "0.70.5",
"react-native-bcrypt": "^2.4.0",
"react-native-draggable-flatlist": "^3.1.2",
"react-native-gesture-handler": "~2.8.0",
"react-native-get-random-values": "~1.8.0",
"react-native-keyboard-aware-scroll-view": "^0.9.5",
"react-native-keyboard-spacer": "^0.4.1",
"react-native-modal-selector": "^2.1.2",
"react-native-open-maps": "^0.4.0",
"react-native-pager-view": "6.0.1",
"react-native-randombytes": "^3.6.1",
"react-native-reanimated": "~2.12.0",
"react-native-safe-area-context": "4.4.1",
"react-native-screens": "~3.18.0",
"react-native-signature-pad": "^0.1.2",
"react-native-svg": "13.4.0",
"react-native-svg-charts": "^5.4.0",
"react-native-tab-view": "^3.3.0",
"react-native-webview": "11.23.1",
"react-navigation": "^4.4.4",
"react-navigation-drawer": "^2.7.2",
"react-redux": "^8.0.4",
"react-serialize": "^0.2.1",
"redux": "^4.2.0",
"redux-thunk": "^2.4.1",
"serialize-javascript": "^6.0.0",
"socket.io-client": "2.1.0"
},
"devDependencies": {
"#babel/core": "^7.19.3"
},
"private": true,
"name": "mobile-updated"
}

Related

Build error after upgrading to Expo SDK 47(TypeError,Invariant Violation)

Summary:
I upgrade the Enatega Customer app from SDK 44 to 47. I expect the app is be built successfully.
Managed or bare workflow?
Expo Managed Project
What platform(s) does this occur on?
Both Android and iOS.
SDK Version
expo '47.0.0'
**
Reproducible demo or steps to reproduce from a blank project**
I upgraded my SDK from 44 to 47, using npm i -g expo-cli and expo upgrade, and make a expo publish and npx expo start as are made others many times.
**
The error occurs in node_modules(TypeError,Invariant Violation)**
TypeError: undefined is not an object (evaluating '_reactNative.Text.propTypes.style') at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:17 in reportException at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:39 in handleError at node_modules/expo/build/errors/ExpoErrorManager.js:25:19 in errorHandler at node_modules/expo/build/errors/ExpoErrorManager.js:30:24 in at node_modules/#react-native/polyfills/error-guard.js:49:36 in ErrorUtils.reportFatalError at node_modules/metro-runtime/src/polyfills/require.js:237:40 in guardedLoadModule at http://10.97.28.19:19000/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:null in global code
Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native. at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:17 in reportException at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:39 in handleError at node_modules/expo/build/errors/ExpoErrorManager.js:25:19 in errorHandler at node_modules/expo/build/errors/ExpoErrorManager.js:30:24 in at node_modules/#react-native/polyfills/error-guard.js:49:36 in ErrorUtils.reportFatalError
Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native. at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:17 in reportException at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:39 in handleError at node_modules/expo/build/errors/ExpoErrorManager.js:25:19 in errorHandler at node_modules/expo/build/errors/ExpoErrorManager.js:30:24 in at node_modules/#react-native/polyfills/error-guard.js:49:36 in ErrorUtils.reportFatalError
How to solve this issue?
My Package.json File
{
"name": "enatega-full-app",
"version": "5.0.0",
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"eject": "expo eject",
"test": "jest",
"format": "prettier --write '**/*.js'",
"lint:fix": "eslint . --ext .js --fix",
"postinstall": "patch-package"
},
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"*.js": [
"npm run format",
"npm run lint:fix"
]
},
"dependencies": {
"#apollo/react-hooks": "^3.1.3",
"#expo/vector-icons": "^12.0.0",
"#ptomasroos/react-native-multi-slider": "^2.2.2",
"#react-native-async-storage/async-storage": "~1.15.0",
"#react-native-community/masked-view": "0.1.10",
"#react-navigation/drawer": "^5.12.5",
"#react-navigation/native": "^5.9.4",
"#react-navigation/stack": "^5.14.5",
"apollo-boost": "^0.3.1",
"apollo-cache-inmemory": "^1.5.1",
"apollo-cache-persist": "^0.1.1",
"apollo-client": "^2.5.1",
"apollo-link-context": "^1.0.17",
"apollo-link-http": "^1.5.14",
"apollo-link-state": "^0.4.2",
"apollo-link-ws": "^1.0.20",
"apollo-upload-client": "^10.0.0",
"expo": "^44.0.0",
"expo-analytics-amplitude": "~11.1.0",
"expo-app-auth": "~11.1.0",
"expo-app-loading": "~1.3.0",
"expo-apple-authentication": "~4.1.0",
"expo-application": "~4.0.1",
"expo-asset": "~8.4.6",
"expo-constants": "~13.0.1",
"expo-device": "~4.1.0",
"expo-facebook": "~12.1.0",
"expo-font": "~10.0.4",
"expo-google-app-auth": "~8.3.0",
"expo-image-picker": "~12.0.1",
"expo-linking": "~3.0.0",
"expo-localization": "~12.0.0",
"expo-location": "~14.0.1",
"expo-notifications": "~0.14.0",
"expo-splash-screen": "~0.14.1",
"expo-tracking-transparency": "~2.1.0",
"expo-updates": "~0.11.6",
"graphql": "^14.5.8",
"graphql-tag": "^2.10.1",
"i18n-js": "^3.2.2",
"lodash": "^4.17.21",
"patch-package": "^6.2.2",
"react": "17.0.1",
"react-apollo": "^2.5.8",
"react-native": "0.64.3",
"react-native-flash-message": "^0.1.23",
"react-native-flatlist-slider": "^1.0.5",
"react-native-gesture-handler": "~2.1.0",
"react-native-gifted-chat": "^0.16.3",
"react-native-maps": "0.29.4",
"react-native-material-textfield": "^0.16.1",
"react-native-modal": "^11.10.0",
"react-native-modalize": "^2.0.8",
"react-native-reanimated": "~2.3.1",
"react-native-safe-area-context": "3.3.2",
"react-native-screens": "~3.10.1",
"react-native-star-rating": "^1.1.0",
"react-native-svg": "12.1.1",
"react-native-timeline-flatlist": "^0.7.2",
"react-native-webview": "11.15.0",
"subscriptions-transport-ws": "^0.9.16",
"uuid": "^3.3.2",
"validate.js": "^0.12.0"
},
"devDependencies": {
"babel-jest": "^24.8.0",
"babel-preset-expo": "9.0.2",
"babel-preset-react-native": "^4.0.1",
"eslint": "^7.28.0",
"eslint-config-standard": "^14.1.1",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-react": "^7.20.0",
"eslint-plugin-standard": "^4.0.1",
"husky": "^4.3.8",
"jest": "^26.6.3",
"jest-react-native": "^18.0.0",
"lint-staged": "^10.5.4",
"metro-react-native-babel-preset": "^0.54.1",
"prettier": "^2.3.1",
"prettier-config-standard": "^1.0.1",
"react-test-renderer": "^16.8.6"
},
"jest": {
"preset": "react-native",
"transformIgnorePatterns": [
"node_modules/(?!(react-native|expo|#expo|apollo-boost|apollo-cache-inmemory|apollo-client|apollo-link-context|apollo-link-http|apollo-link-state|apollo-upload-client|graphql|graphql-tag|react-apollo|react-native-animatable|react-native-material-buttons|react-native-material-ripple|react-native-material-textfield|react-native-ratings|react-native-swiper-flatlist|react-native-timeline-listview|react-navigation|validate.js)/)"
]
},
"private": true
}
GitHub:
Only target the Customer App inside this repo
https://github.com/Ninjas-Code-official/Enatega-Restaurant-Solution.git

ERROR Invariant Violation: ViewPropTypes has been removed from React Native after upgrade to sdk 46

I have upgraded my expo app to SDK 46 from 38.
now I get the above error. I have gone through stack answers but most of the solutions refer to index.js which I couldn't find in my project.
use my package json to see any errors need to be fixed.
Any help would be much appreciated.
package JSON
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"#eva-design/eva": "^2.1.0",
"#react-native-async-storage/async-storage": "~1.17.3",
"#react-native-community/masked-view": "0.1.10",
"#react-native-community/netinfo": "9.3.0",
"#react-navigation/bottom-tabs": "^5.0.0-alpha.25",
"#react-navigation/drawer": "^5.0.0-alpha.27",
"#react-navigation/material-bottom-tabs": "^5.0.0-alpha.35",
"#react-navigation/material-top-tabs": "^5.0.0-alpha.22",
"#react-navigation/native": "^5.0.0-alpha.18",
"#react-navigation/native-stack": "^5.0.0-alpha.16",
"#react-navigation/stack": "^5.0.0-alpha.43",
"#ui-kitten/components": "^5.1.0",
"#ui-kitten/eva-icons": "^5.1.0",
"expo": "^46.0.0",
"expo-app-auth": "~11.1.0",
"expo-auth-session": "~3.7.1",
"expo-av": "~12.0.4",
"expo-background-fetch": "~10.3.0",
"expo-barcode-scanner": "~11.4.0",
"expo-camera": "~12.3.0",
"expo-cellular": "~4.3.0",
"expo-constants": "~13.2.4",
"expo-device": "~4.3.0",
"expo-google-app-auth": "~8.3.0",
"expo-google-sign-in": "~9.2.1",
"expo-image-picker": "~13.3.1",
"expo-location": "~14.3.0",
"expo-network": "~4.3.0",
"expo-notifications": "~0.16.1",
"expo-permissions": "~13.2.0",
"expo-random": "~12.3.0",
"expo-status-bar": "~1.4.0",
"expo-task-manager": "~10.3.0",
"expo-updates": "~0.14.5",
"expo-web-browser": "~11.0.0",
"firebase": "8.2.3",
"react": "18.0.0",
"react-content-loader": "^6.0.3",
"react-dom": "18.0.0",
"react-native": "0.69.5",
"react-native-animatable": "^1.3.3",
"react-native-dotenv": "^2.5.5",
"react-native-elements": "^3.3.2",
"react-native-gesture-handler": "~2.5.0",
"react-native-paper": "^4.9.2",
"react-native-picker-select": "3.1.2",
"react-native-reanimated": "~2.9.1",
"react-native-safe-area-context": "4.3.1",
"react-native-screens": "~3.15.0",
"react-native-stopwatch-timer": "0.0.21",
"react-native-svg": "12.3.0",
"react-native-tab-view": "^2.15.2",
"react-native-unimodules": "^0.14.10",
"react-native-vector-icons": "^8.1.0",
"react-native-web": "~0.18.7",
"react-navigation": "^4.4.4"
},
"devDependencies": {
"#babel/core": "^7.18.6",
"typescript": "^4.6.3"
},
"private": true
}
The problem lies in the installed packages. To solve it try uninstalling, react-native-unimodules and react-native-stopwatch timer. Remove them from your source code and see if it works!

Build ExpoGo APP : Nexus RM Connection Refused

i am new to web and in general development at all and sutmbled upon the following error where i hope you could help me out with.
I have upgraded the Expo SDK to latest version 45
I have checked all dependencies and deprecated version etc.
I have run all commands as instructed and tried to
3.1) Run App locally with following error
Error: C:\Users\sp\AppData\Local\Android\Sdk/platform-tools/adb exited with non-zero code: 1
at ChildProcess.completionListener (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\#expo\spawn-async\src\spawnAsync.ts:65:13)
at Object.onceWrapper (node:events:642:26)
at ChildProcess.emit (node:events:527:28)
at ChildProcess.cp.emit (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\cross-spawn\lib\enoent.js:34:29)
at maybeClose (node:internal/child_process:1092:16)
at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
...
at spawnAsync (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\#expo\spawn-async\src\spawnAsync.ts:26:19)
at getAdbOutputAsync (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\xdl\src\Android.ts:303:26)
at getAttachedDevicesAsync (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\xdl\src\Android.ts:206:18)
at Timeout._onTimeout (C:\Users\sp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\xdl\src\Android.ts:163:29)
3.2) As i build via e.g. eas build -p ios --profile development following error appears
[stderr] error An unexpected error occurred: "http://localhost:8081/repository/npm-group/#expo%2fsamples: connect ECONNREFUSED 127.0.0.1:8081".
info If you think this is a bug, please open a bug report with the information provided in "/Users/expo/workingdir/build/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
yarn exited with non-zero code: 1
Note: I have created a NPM_TOKEN secret and added ".npmrc" File to my root directory including the _auth and registry information to connect to my nexus rm.
Any ideas what i am missing?
My actual package.json looks as follows
{
"scripts": {
"set-registry": "npm set registry http://localhost:8081/repository/npm-group/",
"iwr": "npm install --registry http://localhost:8081/repository/npm-group/",
"set-default-registry": "npm set registry https://registry.npmjs.org",
"yarn": "npx yarn",
"publish": "expo publish",
"start": "expo start --dev-client",
"upgrade": "expo upgrade",
"android": "expo run:android",
"ios": "expo run:ios",
"web": "expo start --web",
"test": "jest --watchAll",
"login": "expo login",
"logout": "expo logout",
"whoami": "expo whoami"
},
"jest": {
"preset": "jest-expo"
},
"publishConfig": {
"registry": "http://localhost:8081/repository/npm/"
},
"dependencies": {
"#expo/samples": "~3.0.3",
"#expo/vector-icons": "^13.0.0",
"#ptomasroos/react-native-multi-slider": "^2.2.2",
"#react-native-async-storage/async-storage": "~1.17.3",
"#react-native-community/checkbox": "^0.3.0",
"#react-native-community/datetimepicker": "6.1.2",
"#react-native-community/toolbar-android": "^0.1.0-rc.1",
"#react-native-community/viewpager": "5.0.11",
"#react-navigation/web": "^1.0.0-alpha.9",
"check-peer-dependencies": "^4.1.0",
"eslint-plugin-react-hooks": "^2.5.0",
"expo": "^45.0.4",
"expo-app-auth": "~11.1.0",
"expo-asset": "~8.5.0",
"expo-av": "~11.2.3",
"expo-camera": "~12.2.0",
"expo-constants": "~13.1.1",
"expo-dev-client": "~0.9.6",
"expo-device": "~4.2.0",
"expo-facebook": "~12.2.0",
"expo-file-system": "~14.0.0",
"expo-font": "~10.1.0",
"expo-google-app-auth": "~8.3.0",
"expo-image-picker": "~13.1.1",
"expo-linear-gradient": "~11.3.0",
"expo-linking": "~3.1.0",
"expo-localization": "~13.0.0",
"expo-location": "~14.2.2",
"expo-mail-composer": "~11.2.0",
"expo-permissions": "~13.2.0",
"expo-screen-orientation": "~4.2.0",
"expo-secure-store": "~11.2.0",
"expo-splash-screen": "~0.15.1",
"expo-status-bar": "~1.3.0",
"expo-task-manager": "~10.2.1",
"expo-updates": "~0.13.1",
"expo-web-browser": "~10.2.0",
"firebase": "8.2.3",
"i18n-js": "3.5.1",
"jest": "^26.6.3",
"lodash": "^4.17.20",
"moment": "^2.25.3",
"moment-timezone": "^0.5.32",
"prop-types": "^15.7.2",
"pt-web-app-common": "0.0.775",
"react": "17.0.2",
"react-devtools": "^3.6.3",
"react-dom": "17.0.2",
"react-native": "0.68.2",
"react-native-autocomplete-input": "^4.2.0",
"react-native-calendars": "^1.264.0",
"react-native-gesture-handler": "~2.2.1",
"react-native-gridview": "^0.1.2",
"react-native-image-gallery": "^2.1.5",
"react-native-image-modal": "^1.0.6",
"react-native-keyboard-aware-scroll-view": "^0.9.1",
"react-native-map-clustering": "^3.3.9",
"react-native-maps": "0.30.2",
"react-native-modal": "^11.5.6",
"react-native-netinfo": "^1.1.0",
"react-native-paper": "^3.6.0",
"react-native-picker-select": "^7.0.0",
"react-native-ratings": "^6.5.0",
"react-native-reanimated": "~2.8.0",
"react-native-responsive-grid": "^0.41.993",
"react-native-safe-area-context": "4.2.4",
"react-native-safe-area-view": "^1.1.1",
"react-native-screens": "~3.11.1",
"react-native-svg": "12.3.0",
"react-native-svg-transformer": "^0.14.3",
"react-native-swipe-gestures": "^1.0.5",
"react-native-swipe-list-view": "^2.5.0",
"react-native-vector-icons": "^6.6.0",
"react-native-web": "0.17.7",
"react-native-webview": "11.18.1",
"react-navigation": "^3.12.0",
"react-redux": "5.1.2",
"redux": "^4.0.4",
"sharp-cli": "^1.15.0"
},
"devDependencies": {
"#babel/core": "^7.12.9",
"babel-eslint": "^10.0.3",
"babel-preset-expo": "~9.1.0",
"eslint": "^6.6.0",
"eslint-config-airbnb": "^18.0.1",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-jsx-a11y": "^6.2.3",
"eslint-plugin-react": "^7.30.0",
"jest-expo": "^45.0.0",
"yarn-upgrade-all": "^0.7.1"
},
"private": true,
"name": "pt-app",
"version": "1.0.5"
}
As mentioned i am completely new to web development, expo and any similar form and the project was just copied from a previous source so i had to set up the env myself as well after cloning so forgive me if I am missing out on something here.
Thanks and appreciate your help! ! !

TypeError: Cannot read property 'ExpoUpdates' of undefined

I am running a react-native app which has been working until we updated some of the pods to install a new library. The error is below when running the app:
ERROR TypeError: Cannot read property 'ExpoUpdates' of undefined, js engine: hermes
ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect.
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes
ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect.
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes
I am now experiencing this error - note we have ejected the app from expo so it is a react-native app. However, with some modules still being used from expo and some supporting unimodules this error is being thrown everytime we compile on iOS.
I have tried the following:
Reinstalling node modules
Reinstalling pods
Deleting lockfiles and re-installing
Changing xcode version from 12.4, 12.5 and 13
Is there some other issue that I am missing? Note: There have actually not been any changes to the app config.
Here is the package.json:
{
"name": "ProjectX",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native start",
"test": "jest",
"lint": "eslint .",
"update:pods": "cd ios && pod install --repo-update && cd ..",
"postinstall": "yarn run update:pods"
},
"dependencies": {
"#expo/react-native-action-sheet": "^3.8.0",
"#notifee/react-native": "^1.1.1",
"#ptomasroos/react-native-multi-slider": "^2.2.2",
"#react-native-async-storage/async-storage": "^1.15.4",
"#react-native-community/art": "^1.2.0",
"#react-native-community/checkbox": "^0.5.7",
"#react-native-community/clipboard": "^1.5.1",
"#react-native-community/datetimepicker": "^3.4.3",
"#react-native-community/image-editor": "^2.3.0",
"#react-native-community/masked-view": "^0.1.10",
"#react-native-community/netinfo": "^6.0.0",
"#react-native-community/slider": "^3.0.3",
"#react-native-community/toolbar-android": "0.1.0-rc.2",
"#react-native-community/viewpager": "5.4.4",
"#react-native-firebase/app": "^10.8.1",
"#react-native-firebase/auth": "^11.2.0",
"#react-native-firebase/firestore": "^10.8.1",
"#react-native-firebase/functions": "^11.3.0",
"#react-native-firebase/messaging": "^10.8.1",
"#react-native-firebase/remote-config": "^10.8.1",
"#react-native-firebase/storage": "^10.8.1",
"#react-native-picker/picker": "^2.2.1",
"#react-navigation/bottom-tabs": "^5.11.8",
"#react-navigation/native": "^5.9.3",
"#react-navigation/stack": "^5.14.3",
"#storybook/react-native": "^5.3.25",
"add": "^2.0.6",
"apisauce": "^1.1.1",
"aws-amplify": "^3.3.24",
"base-64": "^0.1.0",
"buffer": "^6.0.3",
"compare-versions": "^3.6.0",
"expo-asset": "^8.1.7",
"expo-av": "^9.0.0",
"expo-constants": "^9.1.1",
"expo-file-system": "^9.0.1",
"expo-font": "^8.2.1",
"expo-image-manipulator": "^8.2.1",
"expo-image-picker": "^8.3.0",
"expo-location": "^8.2.1",
"expo-media-library": "^11.0.0",
"expo-permissions": "^11.0.0",
"expo-video-thumbnails": "^5.1.0",
"formik": "^2.1.4",
"i": "^0.3.6",
"lodash": "^4.17.21",
"moment": "^2.27.0",
"native-base": "^2.13.12",
"ngeohash": "^0.6.3",
"npm": "^6.14.5",
"prop-types": "^15.7.2",
"react": "17.0.2",
"react-native": "0.64.2",
"react-native-animatable": "^1.3.3",
"react-native-calendars": "^1.300.0",
"react-native-confetti-cannon": "^1.5.2",
"react-native-device-info": "^6.0.0",
"react-native-dotenv": "^0.2.0",
"react-native-easy-grid": "^0.2.2",
"react-native-emoticons": "^1.0.13",
"react-native-fbsdk": "^3.0.0",
"react-native-geocoding": "^0.4.0",
"react-native-gesture-handler": "^1.6.1",
"react-native-gifted-chat": "^0.16.3",
"react-native-keyboard-aware-scroll-view": "^0.9.3",
"react-native-linear-gradient": "^2.5.6",
"react-native-maps": "^0.27.1",
"react-native-mixpanel": "^1.2.0",
"react-native-modal": "^11.5.6",
"react-native-performance-monitor": "^1.2.1",
"react-native-permissions": "^3.0.1",
"react-native-progress": "^4.1.2",
"react-native-reanimated": "^1.9.0",
"react-native-safe-area-context": "^0.7.3",
"react-native-screens": "^2.9.0",
"react-native-snap-carousel": "^3.9.1",
"react-native-splash-screen": "^3.2.0",
"react-native-svg": "^12.1.0",
"react-native-swiper": "^1.6.0",
"react-native-unimodules": "^0.12.0",
"react-native-vector-icons": "^6.6.0",
"react-native-video": "^5.1.1",
"react-native-view-overflow": "^0.0.5",
"yup": "^0.29.1"
},
"devDependencies": {
"#babel/core": "^7.13.1",
"#babel/runtime": "^7.13.7",
"#react-native-community/eslint-config": "^2.0.0",
"babel-jest": "^26.6.3",
"eslint": "^7.20.0",
"jest": "^26.6.3",
"metro-react-native-babel-preset": "^0.66.0",
"react-native-codegen": "^0.0.7",
"react-test-renderer": "17.0.2"
},
"jest": {
"preset": "react-native"
}
}

Invariant Violation: requireNativeComponent: "VRTImage" was not found in the UIManager

I have some issues with my react native VR/AR.
I used the react-viro module.
Here are my code and error.
import {
ViroScene,
ViroImage,
Viro360Image
} from 'react-viro';
<ViroScene style={[S.container]}>
<Viro360Image source={require("../../assets/ar/res/guadalupe_360.jpg")} onLoadEnd={console.log('image is loaded successfully.')}/>
<ViroImage
position={[0, 0, -5]} source={require("../../assets/ar/res/grid_bg.jpg")} scale={[.1, .1, .1]}
opacity={0.0} onClick={this._onTitleClicked}
animation={{
name : "showTitleAnimation",
run : this.state.runShowTitleAnimation,
loop : false,
}} />
</ViroScene>
and here is my package.json
{
"scripts": {
"start": "expo start",
"web": "expo start --web",
"build": "expo build:android",
"build:ios": "expo build:ios",
"fingerprint": "expo fetch:android:hashes"
},
"dependencies": {
"#chartiful/react-native-chart-builder": "^0.1.8",
"#chartiful/react-native-vertical-bar-graph": "^0.1.2",
"#miblanchard/react-native-slider": "^1.5.0",
"#react-native-community/masked-view": "^0.1.10",
"axios": "^0.21.1",
"expo": "^40.0.0",
"expo-font": "~8.4.0",
"expo-image-picker": "~9.2.1",
"expo-linear-gradient": "~8.4.0",
"expo-splash-screen": "~0.8.1",
"firebase": "7.9.0",
"lodash": "^4.17.20",
"moment": "^2.29.1",
"native-base": "^2.15.2",
"prop-types": "^15.7.2",
"react": "17.0.1",
"react-dom": "17.0.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
"react-native-chart-kit": "^6.11.0",
"react-native-country-picker-modal": "^2.0.0",
"react-native-display-keyboard": "^0.2.0",
"react-native-easy-grid": "^0.2.2",
"react-native-geocoding": "^0.5.0",
"react-native-gesture-handler": "~1.8.0",
"react-native-google-places-autocomplete": "^2.1.3",
"react-native-maps": "0.27.1",
"react-native-maps-directions": "^1.8.0",
"react-native-modal": "^11.6.1",
"react-native-normalize": "^1.0.1",
"react-native-phone-input": "^0.2.4",
"react-native-progress-circle": "^2.1.0",
"react-native-screens": "^2.15.2",
"react-native-slider": "^0.11.0",
"react-native-snap-carousel": "^3.9.1",
"react-native-steps": "^1.3.0",
"react-native-svg": "^12.1.0",
"react-native-swiper": "^1.6.0",
"react-native-timeago": "^0.5.0",
"react-navigation": "^4.4.3",
"react-navigation-stack": "^2.10.2",
"react-redux": "^7.2.2",
"react-viro": "^2.17.0",
"redux": "^4.0.5",
"redux-thunk": "^2.3.0",
"rn-range-slider": "^2.0.4"
},
"devDependencies": {
"#babel/core": "~7.12.10",
"babel-jest": "~26.6.3",
"babel-preset-expo": "8.3.0",
"jest": "~26.6.3",
"react-test-renderer": "~17.0.1"
},
"private": true,
"name": "guix",
"version": "1.0.0"
}
I tried other modules and it returns the same error.
I tried the "react-native-360" and "react-native-vr"
Also, now this is expo but I tried this on react-native-cli also. but same was true. What is the VRTImage?
Why I get this error and what is the solution?
Here is my error
I am not sure i am completely Correct or not, But i face same situation recently and when i go through react-viro docs.
i get to know few things.
react-viro basically build on react-native version .59
gradle build and sdk version is about 28.0.3
android manifest file should be updated using setup-ide.sh android command file is available in nodemodules/react-viro/bin/js or you can manually update too! you can get docs from react-viro docs
https://docs.viromedia.com/docs/installing-viro-android
So the issue begins here new SDK Version is not supporting dependencies of react-viro and we may not be able to found effective solution or even solution(on basis of my current Research).
And Apart of that expo have not added react-viro ! So either way using expo it is impossible for now.
This is What i learned from R and D and changing gradle Version and Package version accordingly and it is became very difficult to build with downgrading react-native and sdk and gradle version and ofcource dependency of all packages that we are going to use.