Allow Components (pages) to display in Preview with common unsupported subcomponents rendered as placeholders.

[EdJones]

Dear friend, we want to specify that this repo is {N} Playground related.

Please, provide the details below:

Preview does not support common plugins like nativescript-youtubeplayer. The error will not allow the entire page component to load.

Did you search for the problem in other open issues in this repo?

Yes

Tell us about the problem

Please, ensure your title is less than 63 characters long and starts with a capital letter. Preview is a more convenient test/debugging platform than tying my phone to my devel machine. (Can't run simulator on Windows). But unsupported plugins like NativeScriptYoutubePlayer don't just fail to display. They break either the entire app (with component registration statement) or the particular page holding the component (page just doesn't load).

For common plugin components like this, displaying a placeholder (instead of just failing) would be a preferred solution.

Did you try it outside of {N} Playground?

• Yes - but the behavior is different (give more information) Pages display properly outside Playground Preview.

Which browser are you using?

• Chrome
• Safari
• Mozilla
• IE

Are there any errors/warnings logged in your browser console?

Which platform(s) does your issue occur on?

• iOS
• Android
• Both iOS

Are there any entries logged in the Device Logs tab?

When first scanning the QR code, it gives this warning: Plugin nativescript-youtubeplayer is not included in preview app on device XXX-X-X-X-XXX and will not work. When attempting to navigate to a page which contains the unsupported component, theapp mearly stays on the current page. The console logs this: CONSOLE LOG file:///app/tns_modules/nativescript-vue/dist/index.js:10140:14: '\'{NSVue (Vue: 2.6.10 | NSVue: 2.4.0)} -> CreateElement(nativeyoutubeplayer)\''

Please provide the following information shown in the devices tab in the playground:

• Model
• OS version
• Preview app version
• Runtime version

Please tell us how to recreate the issue with as much detail as possible.

The best approach would be to get your code running in the {N} Playground and share the link with us, along with any additional details or steps to reproduce needed for examining the issue there. Place a nonsupported component like <YoutubePlayer ref="player" src="8JNVzioC7lc" apiKey="" height="160" /> in a page. Navigate to that page in the app. Page will not display at all.