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

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:

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

[NaveenJamdagani]

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.

[creative-git]

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.