Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork245
Closed
Labels
Description
When you import a core component such asStackLayout
and you are also using it in the template, the application fails with this error:
JS: [Vue warn]: Unhandled error during execution of render function JS: at <StackLayout row="1" > JS: at <CurrentTrip props=undefined > JS: at <RouterView defaultRoute="/current_trip" > JS: at <App> System.err: An uncaught Exception occurred on "main" thread. System.err: Unable to create application com.tns.NativeScriptApplication: com.tns.NativeScriptException: Error calling module function System.err: TypeError: Class constructor StackLayout cannot be invoked without 'new' System.err: File: (file: src\webpack:\abll-app-next\webpack\bootstrap:27:0) System.err: System.err: StackTrace: System.err: renderComponentRoot(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:919:0) System.err: at componentUpdateFn(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5631:0) System.err: at run(file: src\webpack:\abll-app-next\node_modules\@vue\reactivity\dist\reactivity.esm-bundler.js:187:0) System.err: at instance.update(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5745:0) System.err: at setupRenderEffect(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5759:0) System.err: at mountComponent(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5541:0) System.err: at processComponent(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5499:0) System.err: at patch(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5101:0) System.err: at mountChildren(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5285:0) System.err: at mountElement(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5195:0) System.err: at processElement(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5178:0) System.err: at patch(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5098:0) System.err: at mountChildren(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5285:0) System.err: at mountElement(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5195:0) System.err: at processElement(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5178:0) System.err: at patch(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5098:0) System.err: at componentUpdateFn(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5638:0) System.err: at run(file: src\webpack:\abll-app-next\node_modules\@vue\reactivity\dist\reactivity.esm-bundler.js:187:0) System.err: at instance.update(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5745:0) System.err: at setupRenderEffect(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5759:0) System.err: at mountComponent(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5541:0) System.err: at processComponent(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5499:0) System.err: at patch(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5101:0) System.err: at mountChildren(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5285:0) System.err: at mountElement(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5195:0) System.err: at processElement(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5178:0) System.err: at patch(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5098:0) System.err: at componentUpdateFn(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5638:0) System.err: at run(file: src\webpack:\abll-app-next\node_modules\@vue\reactivity\dist\reactivity.esm-bundler.js:187:0) System.err: at instance.update(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5745:0) System.err: at setupRenderEffect(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5759:0) System.err: at mountComponent(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5541:0) System.err: at processComponent(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5499:0) System.err: at patch(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5101:0) System.err: at componentUpdateFn(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5638:0) System.err: at run(file: src\webpack:\abll-app-next\node_modules\@vue\reactivity\dist\reactivity.esm-bundler.js:187:0) System.err: at instance.update(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5745:0) System.err: at setupRenderEffect(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5759:0) System.err: at mountComponent(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5541:0) System.err: at processComponent(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5499:0) System.err: at patch(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:5101:0) System.err: at render(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:6260:0) System.err: at mount(file: src\webpack:\abll-app-next\node_modules\@vue\runtime-core\dist\runtime-core.esm-bundler.js:4456:0) System.err: at app.mount(file: src\webpack:\abll-app-next\node_modules\nativescript-vue\dist\index.js:45:0) System.err: at app.start(file: src\webpack:\abll-app-next\node_modules\nativescript-vue\dist\index.js:48:0) System.err: at ./src/app.ts(file:///data/data/org.nativescript.abllapp/files/app/bundle.js:69:5) System.err: at __webpack_require__(file: src\webpack:\abll-app-next\webpack\bootstrap:24:0) System.err: at __webpack_exec__(file:///data/data/org.nativescript.abllapp/files/app/bundle.js:3318:39) System.err: at (file:///data/data/org.nativescript.abllapp/files/app/bundle.js:3319:221) System.err: at __webpack_require__.X(file: src\webpack:\abll-app-next\webpack\runtime\startup entrypoint:6:0) System.err: at (file:///data/data/org.nativescript.abllapp/files/app/bundle.js:3319:47) System.err: at (file:///data/data/org.nativescript.abllapp/files/app/bundle.js:3324:3) System.err: at require(:1:266) System.err:
Example:
<script lang="ts" setup>import {StackLayout}from"@nativescript/core";</script><template> <PageactionBarHidden="true"> <StackLayout> </StackLayout> </Page></template>