Broken version when upgrading.

We have been using a very specific version of SyncFusion Vue by including the js as follows:

<script src="https://cdn.syncfusion.com/ej2/18.4.42/ej2-vue-es5/dist/ej2-vue.min.js">

We have started using the spreadsheet components and discovered a few bugs which are fixed in later versions.

However, upgrading breaks major parts of our system.

As of version 19.1.58 we get errors like this for all of the component types:

[Vue warn]: Unknown custom element: <ejs-tooltip> - did you register the component correctly? For recursive components, make sure to provide the "name" option.



Then as of version 19.1.59, and all newer versions, we now get errors like this in the loading of our pages:

[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'prototype' of undefined"

and

TypeError: Cannot read property 'prototype' of undefined    
at e.inject (ej2-vue.min.js:1)    
at t.injectModules (ej2-vue.min.js:1)
    
at t.appendTo (ej2-vue.min.js:1)
    
at VueComponent.t.mounted (ej2-vue.min.js:1)
    
at invokeWithErrorHandling (vue.js:1863)
   
at callHook (vue.js:4220)
    
at Object.insert (vue.js:3146)
    
at invokeInsertHook (vue.js:6341)
    
at VueComponent.patch [as __patch__] (vue.js:6558)
    
at VueComponent.Vue._update (vue.js:3946)


What happened around those versions? Is there now a minimum version of vue that is required?  We are currently using Vue 2.6.11                                                                                                                     


5 Replies 1 reply marked as answer

JA Jesus Arockia Sankaran S Syncfusion Team June 30, 2021 02:36 PM UTC

Hi Jeff, 
 
Sorry for the inconvenience. 
 
We have checked your query and we have created a sample with latest CDN reference but we are not able reproduce the reported issue. You can find the sample application from the below link. 
 
Sample: 
 
 
<!DOCTYPE html> 
 
 
<head> 
  <title>Syncfusion Vue (ES5) UI Components</title> 
 
  <!-- Essentail JS2 for Vue (All components Styles) --> 
 
  <link rel='nofollow' href=https://cdn.syncfusion.com/ej2/material.css rel="stylesheet" type="text/css" /> 
 
  <!-- Vue library file--> 
 
  <script src=https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js type="text/javascript"></script> 
 
  <!-- Essential JS 2 for Vue global script --> 
 
  <script src=https://cdn.syncfusion.com/ej2/19.2.44/ej2-vue-es5/dist/ej2-vue.min.js type="text/javascript"></script> 
</head> 
 
<body> 
  <h2>Syncfusion Vue (ES5) Button Components</h2> 
  <div id="app"> 
    <ejs-button is-primary="true">Button</ejs-button> 
    <ejs-spreadsheet></ejs-spreadsheet> 
  </div> 
  <script> 
    // Registering the Button plugin. 
      Vue.use([ejs.buttons.ButtonPluginejs.spreadsheet.SpreadsheetPlugin ]); 
      new Vue({ 
        el: '#app', 
        data: { 
           
        } 
      }); 
  </script> 
</body> 
 
</html> 
 
 
We request you to modify the sample to reproduce the reported in the above sample for clear understanding in case we misunderstood your point. 
 
Please get back to us with requested details further query if any. 
 
Regards, 
Jesus Arockia Sankaran S 



JB Jeff Butterworth July 1, 2021 10:58 PM UTC

I replaced the links in my code to the css, js and vue with the links in your example and it still fails. For the moment we will have to stay on 19.1.57 and when I get a chance to spend more time on it, will try to get more info and a sample together.



JA Jesus Arockia Sankaran S Syncfusion Team July 2, 2021 01:05 PM UTC

Hi Jeff, 

We have refreshed the CDN links with some changes. We request you to check now and revert us the details. 


Regards, 
Jesus Arockia Sankaran S 
1

Marked as answer

JB Jeff Butterworth July 4, 2021 11:34 PM UTC

This is working now! 

Thanks for your help. Being on the latest version has fixed a couple of other bugs I've had as well.



JA Jesus Arockia Sankaran S Syncfusion Team July 5, 2021 09:00 AM UTC

Hi Jeff, 

Thank you for the update. 

We are glad that your issue has been resolved with the latest CDN link. 

Regards, 
Jesus Arockia Sankaran S 


Loader.
Up arrow icon