Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Invariant Violation: requireNativeComponent: "RCTImageView" was not found in the UIManager. #22725

Closed
3 tasks done
MIyulong opened this issue Dec 20, 2018 · 6 comments
Closed
3 tasks done
Labels
Component: Image Resolution: Locked This issue was locked by the bot.

Comments

@MIyulong
Copy link

MIyulong commented Dec 20, 2018

Environment

Run react-native info in your terminal and paste its contents here.

React Native Environment Info:
    System:
      OS: macOS High Sierra 10.13.6
      CPU: (4) x64 Intel(R) Core(TM) i5-3210M CPU @ 2.50GHz
      Memory: 115.80 MB / 6.00 GB
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 11.0.0 - /usr/local/bin/node
      Yarn: 1.10.0 - /usr/local/bin/yarn
      npm: 6.4.1 - /usr/local/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 12.1, macOS 10.14, tvOS 12.1, watchOS 5.1
    IDEs:
      Android Studio: 3.1 AI-173.4819257
      Xcode: 10.1/10B61 - /usr/bin/xcodebuild
    npmPackages:
      react: 16.6.3 => 16.6.3
      react-native: 0.57.8 => 0.57.8
    npmGlobalPackages:
      react-native-cli: 2.0.1
      react-native-git-upgrade: 0.2.7

Description

there is my logs, and the current react-native version is 0.57.8, in the pod file, also write with 'RCTImage', as for those, how can i resolve this problem

this is log of the simulator

Invariant Violation: requireNativeComponent: "RCTImageView" was not found in the UIManager.

This error is located at:
    in RCTImageView (at Image.ios.js:104)
    in ForwardRef(Image) (at react-chatail/index.js:24)
    in RCTView (at View.js:45)
    in View (at react-chatail/index.js:21)
    in RNHighScores (at renderApplication.js:34)
    in RCTView (at View.js:45)
    in View (at AppContainer.js:98)
    in RCTView (at View.js:45)
    in View (at AppContainer.js:115)
    in AppContainer (at renderApplication.js:33)

getNativeComponentAttributes
    getNativeComponentAttributes.js:29:4
get
    ReactNativeViewConfigRegistry.js:104:25
createInstance
    ReactNativeRenderer-dev.js:3946:53
completeWork
    ReactNativeRenderer-dev.js:13386:12
completeUnitOfWork
    ReactNativeRenderer-dev.js:15893:10
performUnitOfWork
    ReactNativeRenderer-dev.js:16103:30
workLoop
    ReactNativeRenderer-dev.js:16115:41
renderRoot
    ReactNativeRenderer-dev.js:16219:15
performWorkOnRoot
    ReactNativeRenderer-dev.js:17198:17
performWork
    ReactNativeRenderer-dev.js:17099:24
performSyncWork
    ReactNativeRenderer-dev.js:17060:14
requestWork
    ReactNativeRenderer-dev.js:16925:19
scheduleWork
    ReactNativeRenderer-dev.js:16724:16
scheduleRootUpdate
    ReactNativeRenderer-dev.js:17413:15
render
    ReactNativeRenderer-dev.js:18191:20
renderApplication
    renderApplication.js:59:34
run
    AppRegistry.js:101:10
runApplication
    AppRegistry.js:195:26
__callFunction
    MessageQueue.js:349:47
<unknown>
    MessageQueue.js:106:26
__guard
    MessageQueue.js:297:10
callFunctionReturnFlushedQueue
    MessageQueue.js:105:17

those are some pictures of the issue
image
image
image

@MIyulong
Copy link
Author

why closed my issue, as for this issue i can't solve, so hope them to help me

@algera
Copy link

algera commented Dec 22, 2018

I had a similar issue. I resolved it by

  1. Making sure pod install was run after updating my Podfile
  2. Ensuring that RCTImage was included in the Xcode project verified via search within the Pod directory
  3. Making sure the name of the build target in Xcode matches the app.json name which also matches the target of your Podfile.

Hope it helps!

@MIyulong
Copy link
Author

Fortunately ,i resolved it by changing default port, such as react-native start --port=8089, as for reason, i don't know

@rahamin1
Copy link

rahamin1 commented Jul 15, 2019

There is additional information about this problem in android, here: https://stackoverflow.com/questions/55532052/invariant-violation-requirenativecomponent-rctview-was-not-found-in-the-uima

Copying from this link:

The problem

When i start remote js debugging from the dev menu and reload my react-native app in the android simulator this error appears

Workaround

I experienced this on Android when I tried to start remote JS debugging while JS Dev Mode was turned off. I fixed it by going to the Dev Settings menu and re-enabling dev mode.

Does anybody have an idea about why this happens?

@GreenRidingHood
Copy link

GreenRidingHood commented Aug 20, 2019

I have the same issue:

my env info:::>
React Native Environment Info:
System:
OS: macOS 10.14.4
CPU: (4) x64 Intel(R) Core(TM) i5-3210M CPU @ 2.50GHz
Memory: 55.31 MB / 8.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.15.3 - /usr/local/bin/node
Yarn: 1.15.2 - /usr/local/bin/yarn
npm: 6.4.1 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.2, macOS 10.14, tvOS 12.2, watchOS 5.2
IDEs:
Xcode: 10.2.1/10E1001 - /usr/bin/xcodebuild
npmPackages:
react: 16.8.3 => 16.8.3
react-native: ^0.59.8 => 0.59.8
npmGlobalPackages:
react-native-cli: 2.0.1

error message i am seeing, at browser dev tool and at simulator ::::>

Unhandled JS Exception: Invariant Violation: requireNativeComponent: "RCTImageView" was not found in the UIManager.

This error is located at:
in RCTImageView (at Image.ios.js:115)
in Image (at NewSession.js:58)
in RCTView (at View.js:45)
in View (at NewSession.js:57)
in RCTView (at View.js:45)
in View (at KeyboardAvoidingView.js:200)
in KeyboardAvoidingView (at NewSession.js:55)
in NewSession (created by ConnectFunction)
in ConnectFunction (at steps.js:96)
in StepManager (created by ConnectFunction)
in ConnectFunction (at Login.js:23)
in RCTView (at View.js:45)
in View (at Login.js:21)
in Login (at views.js:8)
in RCTView (at View.js:45)
in View (at ViewManager.js:13)
in ViewManager (created by ConnectFunction)
in ConnectFunction (at App.js:21)
in RCTView (at View.js:45)
in View (at App.js:20)
in Provider (at App.js:19)
in App (at renderApplication.js:35)
in RCTView (at View.js:45)
in View (at AppContainer.js:98)
in RCTView (at View.js:45)
in View (at AppContainer.js:115)
in AppContainer (at renderApplication.js:34)
reactConsoleErrorHandler @ 7e954ad7-bf1f-414a-b…-5e70fd596c9c:27283
console.error @ 7e954ad7-bf1f-414a-b…-5e70fd596c9c:68243
logToConsole @ 7e954ad7-bf1f-414a-b…-5e70fd596c9c:32780
logIfNoNativeHook @ 7e954ad7-bf1f-414a-b…-5e70fd596c9c:32763
__callFunction @ 7e954ad7-bf1f-414a-b…a-5e70fd596c9c:7265
(anonymous) @ 7e954ad7-bf1f-414a-b…a-5e70fd596c9c:7022
__guard @ 7e954ad7-bf1f-414a-b…a-5e70fd596c9c:7219
callFunctionReturnFlushedQueue @ 7e954ad7-bf1f-414a-b…a-5e70fd596c9c:7021
(anonymous) @ debuggerWorker.js:80
7e954ad7-bf1f-414a-b…-5e70fd596c9c:32984 BugReporting extraData: {AppRegistry.runApplication1: "Running application "myApp" with appParams: …warning are ON, performance optimizations are OFF"}
7e954ad7-bf1f-414a-b…-5e70fd596c9c:32984 BugReporting extraData: {AppRegistry.runApplication1: "Running application "myApp" with appParams: …warning are ON, performance optimizations are OFF"}

@adrielklein
Copy link

adrielklein commented Aug 26, 2019

Just experienced this same issue and fixed it. If you are trying to view the animation without performance lag during local development then the solution is...

  1. Turn JS DevMode off in the android dev settings
  2. Click button to Step Remote JS Debugging

@facebook facebook locked as resolved and limited conversation to collaborators Dec 23, 2019
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Dec 23, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Component: Image Resolution: Locked This issue was locked by the bot.
Projects
None yet
Development

No branches or pull requests

6 participants