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

See original GitHub issue

Project:

    "d3-shape": "^1.2.2",
    "fbjs": "^1.0.0",
    "native-base": "^2.8.1",
    "react": "16.6.0-alpha.8af6728",
    "react-native": "0.57.4",
    "react-native-circular-progress": "^1.0.1",
    "react-native-firebase": "^5.0.0",
    "react-native-svg": "^8.0.8",
    "react-native-svg-charts": "^5.2.0",
    "react-navigation": "^2.18.2"

Printscreen:

image

Error details:

Invariant Violation: Invariant Violation: Invariant Violation: requireNativeComponent: “RNSVGPath” was not found in the UIManager.

This error is located at: in RNSVGPath (at Path.js:17) in Path (at animated-path.js:72) in AnimatedPath (at progress-circle.js:108) in RNSVGGroup (at G.js:23) in G (at progress-circle.js:94) in RNSVGGroup (at G.js:23) in G (at Svg.js:109) in RNSVGSvgView (at Svg.js:90) in Svg (at progress-circle.js:92) in RCTView (at View.js:44) in ProgressCircle (at Main.js:61) in RCTView (at View.js:44) in Card (at connectStyle.js:384) in Styled(Card) (at Main.js:48) in RCTView (at View.js:44) in AnimatedComponent (at DeckSwiper.js:300) in RCTView (at View.js:44) in RCTView (at View.js:44) in DeckSwiper (at connectStyle.js:384) in Styled(DeckSwiper) (at Main.js:45) in RCTView (at View.js:44) in Form (at connectStyle.js:384) in Styled(Form) (at Main.js:43) in RCTView (at View.js:44) in Container (at connectStyle.js:384) in Styled(Container) (at Main.js:40) in Main (at SceneView.js:9) in SceneView (at StackViewLayout.js:478) in RCTView (at View.js:44) in RCTView (at View.js:44) in RCTView (at View.js:44) in AnimatedComponent (at screens.native.js:58) in Screen (at StackViewCard.js:42) in Card (at createPointerEventsContainer.js:26) in Container (at StackViewLayout.js:507) in RCTView (at View.js:44) in ScreenContainer (at StackViewLayout.js:401) in RCTView (at View.js:44) in StackViewLayout (at withOrientation.js:30) in withOrientation (at StackView.js:49) in RCTView (at View.js:44) in Transitioner (at StackView.js:19) in StackView (at createNavigator.js:57) in Navigator (at createKeyboardAwareNavigator.js:11) in KeyboardAwareNavigator (at createNavigationContainer.js:376) in NavigationContainer (at SceneView.js:9) in SceneView (at SwitchView.js:12) in SwitchView (at createNavigator.js:57) in Navigator (at createNavigationContainer.js:376) in NavigationContainer (at app/index.js:22) in RCTView (at View.js:44) in App (at renderApplication.js:34) in RCTView (at View.js:44) in RCTView (at View.js:44) in AppContainer (at renderApplication.js:33)

This error is located at: in NavigationContainer (at SceneView.js:9) in SceneView (at SwitchView.js:12) in SwitchView (at createNavigator.js:57) in Navigator (at createNavigationContainer.js:376) in NavigationContainer (at app/index.js:22) in RCTView (at View.js:44) in App (at renderApplication.js:34) in RCTView (at View.js:44) in RCTView (at View.js:44) in AppContainer (at renderApplication.js:33)

This error is located at: in NavigationContainer (at app/index.js:22) in RCTView (at View.js:44) in App (at renderApplication.js:34) in RCTView (at View.js:44) in RCTView (at View.js:44) in AppContainer (at renderApplication.js:33) getNativeComponentAttributes getNativeComponentAttributes.js:29:4 <unknown> requireNativeComponent.js:26:33 get ReactNativeViewConfigRegistry.js:104:25 createInstance ReactNativeRenderer-dev.js:4019:53 completeWork ReactNativeRenderer-dev.js:12051:12 completeUnitOfWork ReactNativeRenderer-dev.js:14179:10 performUnitOfWork ReactNativeRenderer-dev.js:14383:30 workLoop ReactNativeRenderer-dev.js:14395:41 renderRoot ReactNativeRenderer-dev.js:14492:15 performWorkOnRoot ReactNativeRenderer-dev.js:15450:17 performWork ReactNativeRenderer-dev.js:15347:24 performSyncWork ReactNativeRenderer-dev.js:15304:14 batchedUpdates$1 ReactNativeRenderer-dev.js:15572:21 batchedUpdates ReactNativeRenderer-dev.js:2675:31 _receiveRootNodeIDEvent ReactNativeRenderer-dev.js:2770:17 receiveEvent ReactNativeRenderer-dev.js:2790:26 __callFunction MessageQueue.js:349:47 <unknown> MessageQueue.js:106:26 __guard MessageQueue.js:297:10 callFunctionReturnFlushedQueue MessageQueue.js:105:17

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:34

github_iconTop GitHub Comments

43reactions
NaveenJamdaganicommented, Apr 14, 2020

1.Install react-native-svg and react-native-svg-transformer. 2.Uninstall your app from mobile. 3.react-native run-android. 4.yarn start If linking required then react-native link react-native-svg. Then again follow step 2 to 4.

28reactions
creative-gitcommented, Nov 23, 2018

react-native link is missing the last step. it is not adding “new SvgPackage()”

Open up `android/app/src/main/java/[…]/MainApplication.java Add new SvgPackage() to the list returned by the getPackages() method. Add a comma to the previous item if there’s already something there.

this is a bug and need to be fixed.

Read more comments on GitHub >

github_iconTop Results From Across the Web

requireNativeComponent: "RNSVGPath" was not found in the ...
Can be compatible with. I installed mine using this command. npm install react-native-svg@9. Which is compatible with my react native v 0.60.
Read more >
Invariant Violation: requireNativeComponent: "RNSVGPath ...
I fixed the problem by explicitly installing the corresponding dependency. yarn add react-native-svg.
Read more >
“requireNativeComponent: "RNSVGPath" was not found in the ...
Answers related to “requireNativeComponent: "RNSVGPath" was not found in the UIManager”. Invariant Violation: requireNativeComponent: ...
Read more >
"RCTYouTube" was not found in the UIManager-React Native
Coding example for the question Invariant Violation: requireNativeComponent: "RCTYouTube" was not found in the UIManager-React Native.
Read more >
rnsvgpath'' was not found in the uimanager, invariant violation ...
Invariant Violation : requireNativeComponent: "RNCViewPager" was not found in the UIManager. 还原代码,搞事情. 结果还是没有解决,折腾了好久,都是因为要与时俱 ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found