Uncaught (in promise) ReferenceError: kendo is not defined

2 Answers 1033 Views
ListView wrapper
Ken
Top achievements
Rank 1
Iron
Ken asked on 28 Jul 2022, 12:51 PM
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?

2 Answers, 1 is accepted

Sort by
0
Petar
Telerik team
answered on 28 Jul 2022, 01:56 PM

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.


Ken
Top achievements
Rank 1
Iron
commented on 28 Jul 2022, 07:12 PM

Added the line but now I am receiving a different error.

image

Trying to figure out how to reproduce the error in the example.
Ken
Top achievements
Rank 1
Iron
commented on 28 Jul 2022, 07:42 PM

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
0
Ken
Top achievements
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
Telerik team
commented on 29 Jul 2022, 04:04 AM

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
Tags
ListView wrapper
Asked by
Ken
Top achievements
Rank 1
Iron
Answers by
Petar
Telerik team
Ken
Top achievements
Rank 1
Iron
Share this question
or