Playground Template Doesn't Actually Work

[jarrodwhitley]

Please, provide the details below:

The basic starter template when you visit https://play.nativescript.org is broken.

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

Did you try it outside of {N} Playground?

No, after reading the error log, I believe this to be an issue isolated to the playground. Also, I made zero changes before I got this error. The error came from the template the playground provided.

Which browser are you using?

Chrome

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

No

Which platform(s) does your issue occur on?

iOS

Are there any entries logged in the Device Logs tab?

Yes, posted below since it's long.

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.

Steps to reproduce:

1. Visit https://play.nativescript.org
2. Click "Preview" and scan the QR code with the NativeScript Playground iOS app.
3. Get error:

Playground link => https://play.nativescript.org/?template=play-vue&id=Y8MFLa

I will post the full error output below, but I think the most relevant portion is:

file:///app/__main.js:4:8: JS ERROR Error: Could not find module '@nativescript/theme/register-json'. Computed path '/var/mobile/Containers/Data/Application/31006483-2D83-40C4-8057-84B55CAA59B3/Documents/Playground/LiveSync/app/tns_modules/@nativescript/theme/register-json'. (evaluating 'require("@nativescript/theme/register-json")')

[Jarrod’s iPhone]: 2022-07-14 16:11:17.813 nsplaydev[18533:1463157] ***** Fatal JavaScript exception - application has been terminated. *****
2022-07-14 16:11:17.813 nsplaydev[18533:1463157] Native stack trace:
1 0x10116e348 NativeScript::reportFatalErrorBeforeShutdown(JSC::ExecState*, JSC::Exception*, bool)
2 0x1011b8428 -[TNSRuntime executeModule:referredBy:]
3 0x10238225c -[UIApplication(PlayLiveSync) swizzled_executeModule:]
4 0x100737524
5 0x101099ce4
2022-07-14 16:11:17.814 nsplaydev[18533:1463157] JavaScript stack trace:
2022-07-14 16:11:17.814 nsplaydev[18533:1463157] require(file:///app/__main.js:4:8)
at anonymous(file:///app/__main.js:4:8)
at evaluate([native code])
at moduleEvaluation([native code])
at [native code]
at asyncFunctionResume([native code])
at [native code]
at promiseReactionJob([native code])
2022-07-14 16:11:17.814 nsplaydev[18533:1463157] JavaScript error:
file:///app/__main.js:4:8: JS ERROR Error: Could not find module '@nativescript/theme/register-json'. Computed path '/var/mobile/Containers/Data/Application/31006483-2D83-40C4-8057-84B55CAA59B3/Documents/Playground/LiveSync/app/tns_modules/@nativescript/theme/register-json'. (evaluating 'require("@nativescript/theme/register-json")')
2022-07-14 16:11:17.815 nsplaydev[18533:1463157] PlayLiveSync: Uncaught Exception
2022-07-14 16:11:17.815 nsplaydev[18533:1463157] *** JavaScript call stack:
(

)
2022-07-14 16:11:17.815 nsplaydev[18533:1463157] *** Terminating app due to uncaught exception 'NativeScript encountered a fatal error: Error: Could not find module '@nativescript/theme/register-json'. Computed path '/var/mobile/Containers/Data/Application/31006483-2D83-40C4-8057-84B55CAA59B3/Documents/Playground/LiveSync/app/tns_modules/@nativescript/theme/register-json'. (evaluating 'require("@nativescript/theme/register-json")')
at
require(file:///app/__main.js:4:8)
at anonymous(file:///app/__main.js:4:8)
at evaluate([native code])
at moduleEvaluation([native code])
at [native code]
at asyncFunctionResume([native code])
at [native code]
at promiseReactionJob([native code])
', reason: '(null)'
*** First throw call stack:
(0x1e5db5288 0x1feaaf744 0x10116e820 0x1011b8428 0x10238225c 0x100737524 0x101099ce4)
libc++abi: terminating with uncaught exception of type NSException
2022-07-14 16:11:17.815 nsplaydev[18533:1463157] PlayLiveSync: Uncaught Exception