Hello,
I am receiving the following error when I try to implement ListView in my current project, "Uncaught (in promise) ReferenceError: kendo is not defined". I have seen similar issues posted but none of those solutions seem to apply to my situation.
In my current project I have implemented Kendo Grid and Dropdown. You can see below that the error is originating from the KendoListViewMixin.js file. I have installed the latest version of both "@progress/kendo-listview-vue-wrapper" & "@progress/kendo-ui", which should be all I need for what I am doing. Any insight into what I might be missing?
I am receiving the following error when I try to implement ListView in my current project, "Uncaught (in promise) ReferenceError: kendo is not defined". I have seen similar issues posted but none of those solutions seem to apply to my situation.
In my current project I have implemented Kendo Grid and Dropdown. You can see below that the error is originating from the KendoListViewMixin.js file. I have installed the latest version of both "@progress/kendo-listview-vue-wrapper" & "@progress/kendo-ui", which should be all I need for what I am doing. Any insight into what I might be missing?
2 Answers, 1 is accepted
0
Hello, Ken.
Thank you for the detailed information about the experienced issue.
Without having an access to your implementation, what I can suggest is to add the following to the main.js file of your application.
import '@progress/kendo-ui';If the above suggestion doesn't help you resolve the issue, may I ask you to send us a runnable example in which the discussed error can be replicated? You can use this StackBlitz example as a basis and edit it in a way the error can be replicated. Once you are ready, send us the edited project back and we will furhter check it.
Please let me know if you need furhter assistance with the current ticket.
Regards,
Petar
Progress Telerik
The Premier Dev Conference is back!
Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.
Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.
Ken
commented on 28 Jul 2022, 07:12 PM
Top achievements
Rank 1
Iron
Rank 1
Iron
Added the line but now I am receiving a different error.
Trying to figure out how to reproduce the error in the example.
Trying to figure out how to reproduce the error in the example.
Ken
commented on 28 Jul 2022, 07:42 PM
Top achievements
Rank 1
Iron
Rank 1
Iron
So I wasn't able to get the same error to reproduce, but I switched over to the basic example of ListView (since that is all I am trying to get working atm) and then formatted the code to be composition api and the example broke. Does it not place nice with composition api?
https://codesandbox.io/s/adoring-architecture-22by9y?file=/src/main.vue
https://codesandbox.io/s/adoring-architecture-22by9y?file=/src/main.vue
0
Ken
Top achievements
Rank 1
Iron
Rank 1
Iron
answered on 28 Jul 2022, 08:24 PM
Was able to address my issue by importing only the scripts used by listview
import "@progress/kendo-ui/js/kendo.listview";
Plamen
commented on 29 Jul 2022, 04:04 AM
Telerik team
Yes, this is the recommended approach want to load only the script needed for the used component. In the overview demo of each Kendo UI for Vue wrapper component we have added the alternative to loading all the scripts as a comment as it is done here - https://www.telerik.com/kendo-vue-ui/components/listview-wrapper/#toc-initializing-with-webpack