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)
|
<!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.ButtonPlugin, ejs.spreadsheet.SpreadsheetPlugin ]);
new Vue({
el: '#app',
data: {
}
});
</script>
</body>
</html>
|
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.
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.