Search code examples
iossvgreact-nativereact-native-ios

Invariant Violation: Native component for "RNSVGSvgView" does not exist


After days of research on the internet I still haven't solved my problem yet. I am using react-native-svg and I am having the same issues: No component found for view with the name "RNSVGPath"

Or this one: Invariant Violation: Native component for "RNSVGSvgView" does not exist

I tried a lot of things, including:

react-native unlink react-native-svg
npm uninstall react-native-svg
npm install react-native-svg
react-native link react-native-svg
react-native run-ios

Also:

pod 'RNSVG', :path => '../node_modules/react-native-svg'
rm -rf node_modules
npm install
react-native run-ios

But still nothing... Here's the versions I am using:

"dependencies": {
    "react": "16.1.1",
    "react-native": "0.50.3",
    "react-native-svg": "^6.0.1-rc.1"
}

I tried to build it from XCode directly and still nothing...

Thanks for your help guys !


Solution

  • You should try to do this:

    npm install react-native-svg --save //(again)
    react-native link react-native-svg //(again)
    watchman watch-del-all
    rm -rf node_modules/ && yarn cache clean && yarn install
    

    Then in another terminal

    npm start -- --reset-cache
    

    Before starting your ios app with react-native run-ios, you have to add libRNSVG.a manually to your Linked Frameworks and Libraries in Xcode

    And then ... Tada