Victory-native: Native component RNSVGSvgView does not exist

Created on 30 Nov 2017 · 15Comments · Source: FormidableLabs/victory-native

Just upgraded to
"react-native-svg": "6.0.0",
"victory-native": "^0.16.1"

Now when i try to show a chart (exact same previously working code from earlier versions of the above) gives me the error: Native component RNSVGSvgView does not exist

It's on iOS btw.

Source

danicoolio

👍5

Most helpful comment

I had the same error. This issue seems to happen when you have a Podfile in your react-native project. In this case, the automatic linking of react-native-svg with react-native link react-native-svg fails. You need to manually link react-native-svg by following the first two steps in the docs (https://facebook.github.io/react-native/docs/linking-libraries-ios.html#manual-linking)

xanderberkein on 4 Jan 2018

👍11 ❤3 😄2 😕1 🎉1

All 15 comments

same problem

blackkey520 on 1 Dec 2017

👍2

Hope we get an update asap from the team

danicoolio on 1 Dec 2017

@danieldelouya @blackkey520 Thanks for this issue. I'll try to reproduce.

boygirl on 2 Dec 2017

@boygirl Thanks. I also get 'No component found for view with name RNSVGLine" when using a line chart

danicoolio on 2 Dec 2017

Same problem =(

goldenmaya on 3 Dec 2017

👍1

Same here, any workarounds?

DrRefactor on 4 Dec 2017

👍1

Still waiting as well

danicoolio on 5 Dec 2017

Same here +1

dorraba on 5 Dec 2017

👍1

@boygirl Any news regarding this? Can't update RN/React/VictoryNative until this has been resolved.

danicoolio on 6 Dec 2017

Update:
I upgraded to:
"victory-native": "^0.16.1"
"react-native-svg": "^6.0.1-rc.1"
"react-native": "^0.51.0"

And now it works. Found out a library i was using was using an older version of react-native-svg which caused the problem.

danicoolio on 6 Dec 2017

Yes, I believe this issue was caused by version mis-match. I haven't been able to reproduce it.

boygirl on 7 Dec 2017

I have been stuck on this for some time and have reproduced the error, here are my dependencies:

{
  "dependencies": {
    "moment": "^2.19.3",
    "query-string": "^5.0.1",
    "react": "16.0.0",
    "react-intl": "^2.4.0",
    "react-native": "^0.51.0",
    "react-native-elements": "^0.18.2",
    "react-native-svg": "^6.0.1-rc.1",
    "react-native-vector-icons": "^4.4.2",
    "react-navigation": "^1.0.0-beta.21",
    "victory-native": "^0.16.1"
  }
}

I have also tried removing the node_modules forlder and reinstalling, and linking with react-native link.

The other thing I tried was installing the versions on the react-native-svg.

bdspen on 8 Dec 2017

xanderberkein on 4 Jan 2018

👍11 ❤3 😄2 😕1 🎉1

I'm on IOS.

First, I got ld: library not found for -lRNSVG-tvOS when I built with react-native run-ios
Then,I delete libRNSVG.a in Build Phases with XCode

Retry, It works.

shan-ge on 18 Jan 2018

👍3 🎉1

@ruinangel @xanderberkein your information was what I needed. To consolidate the solution that worked for me:

(A note this happened after I updated NodeJs, so that might have something to do with it, however I introduced SVG's first thing after updating so I can't be sure).

Fix post update issues:

remove node modules
install node modules

Fix the error as described above:

Follow steps 1 and 2 as @xanderberkein mentioned described here https://facebook.github.io/react-native/docs/linking-libraries-ios.html#manual-linking.
Make sure not to include the apple tv (there seem to be a big there).
if you used react native link there will be references to the libRNSVG.a package. You can remove those.

Another note this is how I solved this issue, I am by no means an expert with Native code and would like to point out that an issue has to be made most likely on the RNSVG package. I am happy to do that but require some guidance in getting more information.