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

[acndur1a]

Environment

1. Development OS: Windows 10
2. Device OS & Version: What Android OS version 7.1.2
3. Version: ViroReact version 2.17.0 and 0.59.10 React Native version
4. Device(s): LG K9

Error:
Invariant Violation:requireNativeComponent:"VRTText"was not found in the UIManager

I have followed installation instructions for Viroreact AR tutorial direct from docs.

I have also updated the AndroidManifest.xml as it was recommended in related issues.

Error message still appears after npm start.

[djpane]

Did you follow all the integration instructions in th docs? Also bear in mind that officially ViroMedia is supported up to RN 0.59.9.

[SiavashBamshadnia]

Thanks for your answer @djpane
I have the same issue
I did the integration instructions but this error still occurs.
Could you please put a video for these instructions?

[SiavashBamshadnia]

@dthian Can you help me please?

[fahadhaq]

@SiavashBamshadnia Did you manage to fix this error?

[SiavashBamshadnia]

Did you manage to fix this error

@fahadhaq No

[alishgiri]

You should run the setup-ide.sh file present on the root of your project,
./setup-ide.sh --android
or
./setup-ide.sh --ios
or
./setup-ide.sh --all

[phuocantd]

You should run the setup-ide.sh file present on the root of your project,
./setup-ide.sh --android
or
./setup-ide.sh --ios
or
./setup-ide.sh --all

What is setup-ide.sh?

[RoyceLeonD]

@phuocantd It is the script to update your dev environment, in order to create native ios/ android apps.

[Div8285]

Does anyone manage to run react-viro to work on a standalone app for ViroReact + React Native 0.62. I have used patches from
https://gist.github.com/akeemphilbert/8323a7b71e682469b922920a624b35a8
. After using these patches I have the same issue as
#634
. without using these patches I have the same issue as
#769
Or can you please suggest a way to run on any other version of react

[tellypresence]

Same problem on android.

Followed the setup procedure; installed packages and ran commands in terminal, including (but not limited to) the following on host workstation (PC):

$ npm install -g react-viro-cli
$ react-viro init ViroSample --verbose

Note: ran setup-ide.sh (suggested in several places as solution to this issue) which does not help

~/ViroSample$ ./setup-ide.sh --android

~/ViroSample$ adb reverse tcp:8081 tcp:8081
~/ViroSample$ npm start

Launching the app on tethered android device, the host connection and initial AR/VR menu display properly...

...but then halted with the error described earlier in this ticket when selecting "AR" button

P.S. our application is AR only, VR of no use to us

[ajeets1978]

I have the same issue.

[blckwngd]

Me too. I hope someone will come up with a solution - I don´t have one :-(

[hokaiyipFS]

have you tried pod install?

add the following lines in your pod file

pod 'ViroReact', :path => '../node_modules/react-viro/ios/'
pod 'ViroKit_static_lib', :path => '../node_modules/react-viro/ios/dist/ViroRenderer/static_lib'

then run pod install, then the app again?

[blckwngd]

I am building for Android, so pod install won't do anything for me :(

[hokaiyipFS]

have you followed?
https://docs.viromedia.com/docs/integrating-existing-projects-android#updating-settingsgradle

[anto-pravin]

I just fixed this error by following these steps

• Go to: node_modules/metro-config/src/defaults/backlist.js and replace sharedBlacklist

with this:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

• Open a terminal and run:

react-native start

• Wait for the dependency graph to load,
• Open one more terminal and run:

react-native run-android --variant=gvrDebug

Note: We have to specify the variant while running

Worked for me : )

[jahau]

I just fixed this error by following these steps

• Go to: node_modules/metro-config/src/defaults/backlist.js and replace sharedBlacklist

with this:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

• Open a terminal and run:

react-native start

• Wait for the dependency graph to load,
• Open one more terminal and run:

react-native run-android --variant=gvrDebug

Note: We have to specify the variant while running

Worked for me : )

Not working.

• What went wrong:
  Task 'installGvrDebug' not found in project ':app'. Some candidates are: 'installDebug'.

[datptScuti]

you can run
./setup-ide.sh --all && react-native run-android --variant=gvrDebug

[jahau]

$ ./setup-ide.sh --all && react-native run-android --variant=gvrDebug
==== Running Android Setup Script ===
Running with verbose logging
Editing MainApplication.java
sed: -e expression #1, char 0: no previous regular expression
sed: -e expression #1, char 0: no previous regular expression
Updating settings.gradle
Updating Project's build.gradle
Updating App's build.gradle
Updating AndroidManifest.xml
Copying over OVR's additional manifest
Updating gradle-wrapper.properties
Updating strings.xml
==== Running iOS Setup Script ===
running with verbose logging
/usr/bin/sed: can't read s/VIRO_PROJECT_NAME/ViroSample/g: No such file or directory
./node_modules/react-viro/bin/ios-setup.sh: line 32: pod: command not found
./node_modules/react-viro/bin/ios-setup.sh: line 35: ruby: command not found
./node_modules/react-viro/bin/ios-setup.sh: line 38: /usr/libexec/PlistBuddy: No such file or directory
./node_modules/react-viro/bin/ios-setup.sh: line 39: /usr/libexec/PlistBuddy: No such file or directory
/usr/bin/sed: can't read s/VIRO_PROJECT_NAME/ViroSample/g: No such file or director

• What went wrong:
  Could not compile build file 'C:\temp\ViroSample\android\build.gradle'.

startup failed:
build file 'C:\temp\ViroSample\android\build.gradle': 12: unexpected token: } @ line 12, column 1.
}
^

1 error

[vlkpa]

$ ./setup-ide.sh --all && react-native run-android --variant=gvrDebug
==== Running Android Setup Script ===
Running with verbose logging
Editing MainApplication.java
sed: -e expression #1, char 0: no previous regular expression
sed: -e expression #1, char 0: no previous regular expression
Updating settings.gradle
Updating Project's build.gradle
Updating App's build.gradle
Updating AndroidManifest.xml
Copying over OVR's additional manifest
Updating gradle-wrapper.properties
Updating strings.xml
==== Running iOS Setup Script ===
running with verbose logging
/usr/bin/sed: can't read s/VIRO_PROJECT_NAME/ViroSample/g: No such file or directory
./node_modules/react-viro/bin/ios-setup.sh: line 32: pod: command not found
./node_modules/react-viro/bin/ios-setup.sh: line 35: ruby: command not found
./node_modules/react-viro/bin/ios-setup.sh: line 38: /usr/libexec/PlistBuddy: No such file or directory
./node_modules/react-viro/bin/ios-setup.sh: line 39: /usr/libexec/PlistBuddy: No such file or directory
/usr/bin/sed: can't read s/VIRO_PROJECT_NAME/ViroSample/g: No such file or director

• What went wrong:
  Could not compile build file 'C:\temp\ViroSample\android\build.gradle'.

startup failed:
build file 'C:\temp\ViroSample\android\build.gradle': 12: unexpected token: } @ line 12, column 1.
}
^

1 error

same as you... after run ./setup-ide.sh android

[ovy9086]

same issue. this repo seems kinda dead to me ?

[iamalinski]

I have a solution here: #748 (comment)