DialogComponent Error (Vue 3): Uncaught TypeError: Cannot read properties of undefined (reading 'slots')

[Dirk B]

I created a project from scratch exactly according to your instructions, as mentioned in your documentation. Mentioned here: https://ej2.syncfusion.com/vue/documentation/dialog/dialog-getting-started/ 

I am using Vue 3 and thus followed the instructions for Vue 3.

The full error is:

app.js:171 Uncaught TypeError: Cannot read properties of undefined (reading 'slots')

    at DialogComponent.eval (vue-class-component.esm-bundler.js?fc81:256:1)

    at DialogComponent.ComponentBase.fetchChildPropValues (component-base.js?7487:186:1)

    at DialogComponent.ComponentBase.bindProperties (component-base.js?7487:159:1)

    at new DialogComponent (dialog.component.js?c1d0:58:1)

    at options.setup (vue-class-component.esm-bundler.js?fc81:375:1)

    at callWithErrorHandling (runtime-core.esm-bundler.js?d2dd:155:1)

    at setupStatefulComponent (runtime-core.esm-bundler.js?d2dd:7056:1)

    at setupComponent (runtime-core.esm-bundler.js?d2dd:7011:1)

    at mountComponent (runtime-core.esm-bundler.js?d2dd:4922:1)

    at processComponent (runtime-core.esm-bundler.js?d2dd:4897:1)

This is my code:

<template>

<div>

<a>Hello</a>Hello

<div id="target" class="control-section">

<ejs-dialog :target="target" :width="width" :content="content">

</ejs-dialog>

</div>

</div>

</template>

<script>

import { DialogComponent } from "@syncfusion/ej2-vue-popups";

export default {

name: "App",

components: {

"ejs-dialog": DialogComponent,

},

data: function () {

return {

target: "#target",

width: "335px",

content: "This is a Dialog with content.",

};

},

methods: {},

};

</script>

<style>

@import "../node_modules/@syncfusion/ej2-base/styles/material.css";

@import "../node_modules/@syncfusion/ej2-vue-popups/styles/material.css";

.control-section {

height: 100%;

min-height: 200px;

}

</style>

[Buvana Sathasivam]

Hi Dirk, 

 

Currently, we are validating your reported query with high priority. We will update you with further details on or before March 21, 2022. 

 

Regards, 

Buvana S 

[Arvin Staff]

Hi,

I can receive the same error for the daterangepicker component

Regards,

Arvin

[Gokulraj Varatharajan]

Hi Arvin, 

Greetings from Syncfusion support, 

We have validated your query and we will consider this as a bug at our end. It will be included with our Volume 1 release which is scheduled on the end of March 2022. So, we request you to keep track of the status through the below feedback link. 

Feedback: https://www.syncfusion.com/feedback/33560/facing-script-error-while-running-application-with-dialog-component-in-dev-mode 

 

We appreciate your patience until then. 

Regards, 

Gokul