Hi Team,
I've recently updated all my kendo modules in my Vue application. I licensed the Kendo UI Vue components via NPM which worked perfectly. The Vue native Grid worked without licensing warning. Everythinmg fine here.
But I also use the Kendo Chart element (wrapper) in Vue , which is obviously to be licensed by the kendo-ui-license.js.
I placed it in the right spot and in my main.ts and added the import statement right after the kendo-ui entry like the recommendation is stating:
import '@progress/kendo-ui';
import "./kendo-ui-license.js";
Unfortunately I get the error "'KendoLicensing' is not defined". Seems that the timing with kendo.all.min.js is not working along here?
What am I missing? What would be the proper approach to install the proper licensing in a Vue application?
Best regards
Oliver
I've recently updated all my kendo modules in my Vue application. I licensed the Kendo UI Vue components via NPM which worked perfectly. The Vue native Grid worked without licensing warning. Everythinmg fine here.
But I also use the Kendo Chart element (wrapper) in Vue , which is obviously to be licensed by the kendo-ui-license.js.
I placed it in the right spot and in my main.ts and added the import statement right after the kendo-ui entry like the recommendation is stating:
import '@progress/kendo-ui';
import "./kendo-ui-license.js";
Unfortunately I get the error "'KendoLicensing' is not defined". Seems that the timing with kendo.all.min.js is not working along here?
What am I missing? What would be the proper approach to install the proper licensing in a Vue application?
Best regards
Oliver
1 Answer, 1 is accepted
0
Hello,
I have tested the scenario in a new Vite project and it worked correctly at my side. I have added my licence file inside the src folder this way:
I am attaching my project for reference.
Please review it and let me know if you have further questions.
As a side note, would you please let me know if there is any specific reason not to update the Chart component to Native Vue Chart, too? If there is some issue with it we would definitely do our best to improve it.
Regards,
Plamen
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!
Oliver
commented on 02 May 2024, 06:43 AM
Top achievements
Rank 1
Rank 1
Hi Palmen,
thank you very much for your hints.
I found a solution. It seems to be a problem on the first run (either serve or build) in my workspace. Repeating the serve or build run is the trick. Then it completes without any issues. So it seems like some init storage of the licensing tool, which is not present on the first run, but present on the second run. It suggests a cache related problem on my side. I was able to reproduce it, moving the project folder to another location. Then again the first run fails, the second goes along and everything is working as expected.
Why didn't I use the Native Vue Chart? That answer is easy: I didn't know it exists. The project is a bit older and by the time of creation, the Native Vue Chart wasn't available (some years ago). Time given, I will check if I can replace it smoothly without much trouble.
Thank you for your advise
Oliver
thank you very much for your hints.
I found a solution. It seems to be a problem on the first run (either serve or build) in my workspace. Repeating the serve or build run is the trick. Then it completes without any issues. So it seems like some init storage of the licensing tool, which is not present on the first run, but present on the second run. It suggests a cache related problem on my side. I was able to reproduce it, moving the project folder to another location. Then again the first run fails, the second goes along and everything is working as expected.
Why didn't I use the Native Vue Chart? That answer is easy: I didn't know it exists. The project is a bit older and by the time of creation, the Native Vue Chart wasn't available (some years ago). Time given, I will check if I can replace it smoothly without much trouble.
Thank you for your advise
Oliver
I also tried:
import '@progress/kendo-ui';
KendoLicensing.setScriptKey('----mykey---'); //Inserted directly
Which worked, but the charts still showed up with the "invalid license" message. Again I suspect wrong timing on executing KendoLicensing.setScriptKey?