Online code sandbox not working on 19.3

Question

https://codesandbox.io/s/syncfusion-date-range-picker-19-2-broken-mwvzq?file=/src/App.vue

The last working version of @syncfusion/ej2-vue-calendars is 19.1.66. Anything more recent fails to compile due to:

DependencyNotFoundError

Could not find dependency: 'vue-class-component' relative to '/node_modules/@syncfusion/ej2-vue-base/src/component-base.js'

Even adding vue-class-component as a dependency doesn't fix it. There is still this error:

×

TypeError

Object prototype may only be an Object or null: undefined

Owen Jasper Vargas · Answer

I'm having the same problem. I hope they will fix it.

Deepak Ramakrishnan · Answer

Hi Bill/Owen, 
 
Greetings from Syncfusion support. 
 
We have validated the reported issue and found that this is a known issue in our end and already resolved in the version 19.2.49  , So we request you update the Syncfusion package version to the mentioned version or to the latest to get rid of the issue .Kindly refer the below documentation for upgrading Syncfusion packages . 
 
https://ej2.syncfusion.com/vue/documentation/common/how-to/update-npm-package/  
 
Thanks, 
Deepak R.

Bill Naples · Answer

The following sandbox is on version 19.3.46, and it's still broken:https://codesandbox.io/s/syncfusion-date-range-picker-19-3-broken-mpgxs

Deepak Ramakrishnan · Answer

Hi Bill, 
 
Thanks for your update. 
 
We have created a sample based on your requirement with provided version details and also we request you kindly ensure the prerequisites are set correctly at your end. 
 
Sample Link : https://www.syncfusion.com/downloads/support/forum/170204/ze/quickstart-528630730  
 
 
UG documentation :https://ej2.syncfusion.com/vue/documentation/daterangepicker/getting-started/  
 
For VUE 3 : https://ej2.syncfusion.com/vue/documentation/daterangepicker/getting-started-vue3/   
 




  
 
Thanks, 
Deepak R.

Bill Naples · Answer

Are you able to get a vue 2 sample working on codesandbox.io, or on any online sandbox?https://codesandbox.io/s/syncfusion-date-range-picker-19-3-broken-mpgxs

Bill Naples · Answer

Hi, are you able to get an online code sandbox working with 19.3? It's very important to be able to share online demos, particularly in these forums. Here is a repro of it not working:

https://codesandbox.io/s/syncfusion-date-range-picker-19-3-broken-mpgxs

Thank you.

Deepak Ramakrishnan · Answer

Hi Bill, 
 
Sorry for the inconvenience caused. 
 
While creating the sample in codesandbox  in the required version, we are facing some issues . We will further validate and update the possible details in two business days (12th,November 2021) . We appreciate your patience until then. 
 
Thanks, 
Deepak R.

Deepak Ramakrishnan · Answer

Hi Bill, 
 
Sorry for the inconvenience caused. 
 
Currently we are doing some post install operation in our vue packages which are not supported in the codesandbox. So currently we are unable to use our packages in the codesandbox, but our packages can be used in the real time application directly. So Kindly refer the previously provided local sample for your reference 
 
 
Thanks, 
Deepak R.

Bill Naples · Answer

Hi Deepak, Are you going to fix that issue, or is there another sandbox website you do support? It really makes it much more difficult to use your software without an online live sandbox. It's pretty standard these days.

Thanks.

Bill Naples · Answer

Are you using post-install operations in order to support both Vue versions 2 and 3 in one set of npm packages? Have you considered publishing separate packages for Vue 2 and 3? Other software vendors seem to do that. For example, ag-grid has separate npm packages for Vue 2 and 3:

https://www.ag-grid.com/vue-data-grid/getting-started/

I think Sync Fusion really handicaps its ease of use by not working in an online sandbox. If you're aiming for simplicity of publishing packages, I don't think it's the optimal trade off here.

Deepak Ramakrishnan · Answer

Hi Bill, 
 
Thanks for your update. 
 
 
We would like to let you know that, to avoid the confusion with Vue2 and Vue3, we are maintaining the source as same package. Since our customers are using Vue 2 and Vue 3. In future, after the Vue 2 package is deprecated, we will migrate our packages with full of Vue 3 source. Until then we appreciate your patience and suggest you use the real time sample as provided at earlier update. 
 
 
Thanks, 
Deepak R.