DashboardLayout splitter.component.js error

[John Chen]

Hello,

I just started trying the DashboardLayout.

#1 Install - I did the following two

npm install @syncfusion/ej2-vue-layouts –save

npm audit fix

npm install --save vue-class-component
npm audit fix

#2. in my vue file. I don't even have ejs-dashboardlayout template yet. only did the following

import { DashboardLayoutPlugin } from "@syncfusion/ej2-vue-layouts";

Vue.use(DashboardLayoutPlugin);

but my app just stopped work. And I see following in Dev Tool

splitter.component.js:133 Uncaught TypeError: Object(...) is not a function at splitter.component.js:133:17 at Module../node_modules/@syncfusion/ej2-vue-layouts/src/splitter/splitter.component.js (splitter.component.js:140:2) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:100:1) at Module../node_modules/@syncfusion/ej2-vue-layouts/src/index.js (index.js:1:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:100:1) at Module../node_modules/@syncfusion/ej2-vue-layouts/index.js (index.js:1:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:100:1)

	(anonymous)	@	splitter.component.js:133
	./node_modules/@syncfusion/ej2-vue-layouts/src/splitter/splitter.component.js	@	splitter.component.js:140
	__webpack_require__

What am I missing?

Thanks,

John

[Vinitha Jeyakumar]

Hi John,

We have tried to reproduce the reported issue by using the steps you have provided, but we didn't face any issues. we have also prepared a sample for your reference,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/VueDas834041503

Please refer to the below documentation to get started with Vue Dashboard layout component,

https://ej2.syncfusion.com/vue/documentation/dashboard-layout/getting-started/

If still, issue persists at your end, can you please share the following details,

• Your package version.
• Are you using Vue 2 or Vue 3 application
• please share us with the runnable issue reproducing sample to replicate the issue at our end.
  

Regards,

Vinitha

[John Chen]

I use Vue 2. The package version is 19.4.38.

Could it be a problem that my other components are ^18.#.# ?

  "dependencies": {

    "@livelybone/copy": "^2.6.5",

    "@livelybone/date-generator": "^3.3.3",

    "@livelybone/vue-popper": "^2.4.0",

    "@syncfusion/ej2-base": "^18.4.44",

    "@syncfusion/ej2-charts": "^18.4.48",

    "@syncfusion/ej2-compression": "^18.4.39",

    "@syncfusion/ej2-data": "^18.4.46",

    "@syncfusion/ej2-file-utils": "^18.4.39",

    "@syncfusion/ej2-svg-base": "^18.4.44",

    "@syncfusion/ej2-vue-base": "^18.4.42",

    "@syncfusion/ej2-vue-charts": "^18.4.48",

    "@syncfusion/ej2-vue-dropdowns": "^17.4.51",

    "@syncfusion/ej2-vue-gantt": "^18.4.49",

    "@syncfusion/ej2-vue-grids": "^18.4.49",

    "@syncfusion/ej2-vue-inputs": "^18.4.47",

    "@syncfusion/ej2-vue-layouts": "^19.4.38",

    "@syncfusion/ej2-vue-lists": "^18.4.39",

    "@syncfusion/ej2-vue-navigations": "^17.4.55",

    "@syncfusion/ej2-vue-splitbuttons": "^17.4.55",

    "axios": "^0.21.4",

    "bootstrap-vue": "^2.21.2",

    "core-js": "^2.6.12",

    "node-sass": "^4.14.1",

    "v-click-outside": "^2.1.5",

    "vue": "^2.6.14",

    "vue-class-component": "^7.2.6",

    "vue-router": "^3.5.2",

    "vuex": "^3.6.2"

  },

[Jeff Yang]

Hi Vinitha Jeyakumar,

John Chen and I are working on an urgent release. However, we had a hard time to get dashboard component installed/run properly. We also have other questions about the features of Vue dashboard component. Can we setup a quick WebEx call so that you can see our screen and answer our questions?

We could do the call between 9am - 10pm (Chicago time). Thanks!

[Ranjani Prabakaran]

John, 

 

It seems that you have created a ticket for the same query. We request you to follow-up with the ticket for further assistance. 

 

https://support.syncfusion.com/support/tickets/362265 

 

Regards, 

 

Ranjani 

[John Chen]

Just for people with the same issue. The issue was resolved by upgrading all the component to to same version (19.xx.xx in my case)

[Ranjani Prabakaran]

John, 

 

Thanks for sharing the suggestion. 

 

As mentioned, we would like to confirm that upgrading to our latest version will fix the reported issue. 

 

Regards, 

Ranjani 

[John Chen]

Yes. it was fixed.

This is what I have now.

"dependencies": {

    "@livelybone/copy": "^2.6.5",

    "@livelybone/date-generator": "^3.3.3",

    "@livelybone/vue-popper": "^2.4.0",

    "@syncfusion/ej2-base": "^19.4.42",

    "@syncfusion/ej2-charts": "^19.4.42",

    "@syncfusion/ej2-compression": "^19.4.38",

    "@syncfusion/ej2-data": "^19.4.42",

    "@syncfusion/ej2-file-utils": "^19.4.38",

    "@syncfusion/ej2-svg-base": "^19.4.42",

    "@syncfusion/ej2-vue-base": "^19.4.40",

    "@syncfusion/ej2-vue-charts": "^19.4.42",

    "@syncfusion/ej2-vue-dropdowns": "^19.4.42",

    "@syncfusion/ej2-vue-gantt": "^19.4.42",

    "@syncfusion/ej2-vue-grids": "^19.4.42",

    "@syncfusion/ej2-vue-inputs": "^19.4.42",

    "@syncfusion/ej2-vue-layouts": "^19.4.38",

    "@syncfusion/ej2-vue-lists": "^19.4.38",

    "@syncfusion/ej2-vue-navigations": "^19.4.41",

    "@syncfusion/ej2-vue-splitbuttons": "^19.4.40"

[Keerthana Rajendran]

Hi John, 

 

Thanks for the update. We are happy to hear that the issue is resolved. Please get back to us if you need any further assistance. 

 

Regards, 

Keerthana R.