React-native-youtube: error when loading youtube video on iOS
I've been doing all the requirements (installing, linking the lib both ways, calling the component) and still have an error on the screen that holds the
The error says:
invariant violation: Native component for "RCTYoutube" does not exist.
I'm not using create-react-native starter, and build my app through react-native run-ios
Could you please help me solving this basic issue ?
Thanks
stanams
All 8 comments
Same problem while Working with Windows & Android.
vivekkadu
on 13 Jan 2018
Same problom
waterple
on 15 Jan 2018
any update on that ?
samernady
on 31 Jan 2018
Also getting the same issue but did not provide an APIKey.
udugam
on 6 Feb 2018
facing the same issue on my side...any updates in this issue??
rajatbeck
on 8 Feb 2018
@rajatbeck, open your IOS project in Xcode and check to see if the "RCTYoutube.xcodeproj" library was actually added to the "Libraries" folder. Also check to see if "libRCTYouTube.a" was added to the "Link Binary With Libraries" list found in your Targets' Build Phases.
If not, you need to add the "RCTYoutube.xcodeproj" library to the Xcode Libraries folder. You can find "RCTYoutube.xcodeproj" in the react-native-youtube folder of your app's Node Modules folder. Once you've done that you'll be able to find the "libRCTYouTube.a" binary when you click the "+" option at the end of the "Link Binary With Libraries" list found in your Targets' Build Phases. All should be working after this is done.
The official docs for manually linking libraries explains it well with screenshots: https://facebook.github.io/react-native/docs/linking-libraries-ios.html
udugam
on 9 Feb 2018
"open your IOS project in Xcode and check to see if the "RCTYoutube.xcodeproj" library was actually added to the "Libraries" folder. Also check to see if "libRCTYouTube.a" was added to the "Link Binary With Libraries" list found in your Targets' Build Phases."
i'm already do this step but it still error invariant violation: Native component for "RCTYoutube" does not exist.
anyone can help
absolute37
on 17 Sep 2018
thanks, @udugam
KangYoosam
on 6 Oct 2018
Related issues
johnnykoo84
路
4Comments
dungnguyen10989
路
3Comments
RetroPronghorn
路
3Comments
nhcuong95
路
5Comments
webdevbyjoss
路
4Comments
Most helpful comment
@rajatbeck, open your IOS project in Xcode and check to see if the "RCTYoutube.xcodeproj" library was actually added to the "Libraries" folder. Also check to see if "libRCTYouTube.a" was added to the "Link Binary With Libraries" list found in your Targets' Build Phases.
If not, you need to add the "RCTYoutube.xcodeproj" library to the Xcode Libraries folder. You can find "RCTYoutube.xcodeproj" in the react-native-youtube folder of your app's Node Modules folder. Once you've done that you'll be able to find the "libRCTYouTube.a" binary when you click the "+" option at the end of the "Link Binary With Libraries" list found in your Targets' Build Phases. All should be working after this is done.
The official docs for manually linking libraries explains it well with screenshots: https://facebook.github.io/react-native/docs/linking-libraries-ios.html