This is a migrated thread and some comments may be shown as answers.

Kendo Widgets just stopped working

8 Answers 557 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Carolyn
Top achievements
Rank 1
Carolyn asked on 11 Nov 2018, 09:03 PM

Hello,

My widgets just stopped working!  I am getting the error "Script5009 Kendo not defined".  It seems the browser does not know what to do with the widgets.  I am not getting any errors otherwise.

I am running version 2018 3.0727.

Should I rerun the ProgressControlPanelSetup_2018_3_0727.exe to reinstall?

Thanks for your help!

Carolyn

8 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 12 Nov 2018, 04:21 PM
Hello Carolyn,

The most likely reasons for such errors are:

  • there is now a second jQuery on the page and the Kendo extensions are on the wrong one or are wiped out entirely from the reference
  • something happened to the script references and now the Kendo scripts are not fetched on the page
  • the Kendo references are not after jQuery but before it

The solution is to ensure only one jQuery is used on the page and that the Kendo scripts are available: https://docs.telerik.com/aspnet-mvc/troubleshoot/troubleshooting#widgets-are-unavailable-or-undefined.

Could you also confirm the version you are using? The R3 2018 SP1 release has the 2018.3.1027 version number and this is what you need to be using in your app. A version ending in .0727 should not exist and if you are using the CDN we provide, it will return 404s for all resources, because they do not exist there.

With that said, you can delete the Kendo references and resources from your project and add them again (either manually, or through the VS wizard we have) to ensure proper references: https://docs.telerik.com/aspnet-mvc/introduction#upgrade-to-newer-versions. You can find details on how to manually add Kendo to your project and how references should look like in the following article: https://docs.telerik.com/aspnet-mvc/getting-started/asp-net-mvc-5#add-telerik-ui-for-aspnet-mvc.


Regards,
Marin Bratanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Carolyn
Top achievements
Rank 1
answered on 12 Nov 2018, 04:28 PM

Hi Marin,

Here is the version from the properties on the Reference: Kendo.Mvc - 2018.2.620.545

Guessing I should upgrade?

0
Carolyn
Top achievements
Rank 1
answered on 12 Nov 2018, 04:31 PM

Here is the header from layout.cshtml:

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - Procurement</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <!--This bundle was moved by the Telerik VS Extensions for compatibility reasons-->
    @Scripts.Render("~/bundles/jquery")
     <link href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
 <link href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
 <link href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
 <script src="https://kendo.cdn.telerik.com/2018.2.620/js/jquery.min.js"></script>
 <script src="https://kendo.cdn.telerik.com/2018.2.620/js/jszip.min.js"></script>
 <script src="https://kendo.cdn.telerik.com/2018.2.620/js/kendo.all.min.js"></script>
 <script src="https://kendo.cdn.telerik.com/2018.2.620/js/kendo.aspnetmvc.min.js"></script>
<script type="text/javascript" src="@Url.Content("/LocalScripts/Common.js")"></script>
 <script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>
</head>

jquery is not loaded more than once...

 

0
Carolyn
Top achievements
Rank 1
answered on 12 Nov 2018, 05:17 PM

Hi Marin,

I just updated to Version: 2018.3.1017.545 - (version on kendo.mvc.dll).

My _layout.cshtml was updated as follows:

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - Procurement</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <!--This bundle was moved by the Telerik VS Extensions for compatibility reasons-->
    @Scripts.Render("~/bundles/jquery")
     <link href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
 <link href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
 <link href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
 <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/jquery.min.js"></script>
 <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/jszip.min.js"></script>
 <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/kendo.all.min.js"></script>
 <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/kendo.aspnetmvc.min.js"></script>
<script type="text/javascript" src="@Url.Content("/LocalScripts/Common.js")"></script>
 <script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>
</head>

 

However I still get the same error: "SCRIPT5009 kendo is undefined".

0
Carolyn
Top achievements
Rank 1
answered on 12 Nov 2018, 05:51 PM

Just one more bit of information:  this started happening after I attached my Apple iPhone to my computer in order to download some pictures.

It's a long shot but could that have anything to do with this?

0
Carolyn
Top achievements
Rank 1
answered on 12 Nov 2018, 05:54 PM

And this  is what my kendo widget (a grid) looks like in the browser:

 

0
Carolyn
Top achievements
Rank 1
answered on 12 Nov 2018, 06:02 PM

Update:

I switched my IIS Express to use Internet Explorer instead of Edge and my controls are rendering.

Issue is with Edge (Microsoft Edge 42.17134.1.0).  

Why did kendo widgets stop working in Edge???

0
Marin Bratanov
Telerik team
answered on 13 Nov 2018, 04:48 PM
Hi Carolyn,

This version is the R2 2018 SP1 version. That's not really relevant, I am just adding it as a piece of information.

The actual issue is that in the layout snippet there are two versions of jQuery:

  @Scripts.Render("~/bundles/jquery")
and
 <script src="https://kendo.cdn.telerik.com/2018.2.620/js/jquery.min.js"></script>

so you should keep only one. Which one depends on the version of jQuery you want on the page and what else there may be in the bundle (e.g., jQueryUI, validation, etc.).

On the screenshot and Edge - the screenshot looks like the resources (including stylesheets) are not loaded, which indicates either broken paths (which shouldn't be the case since other browsers work fine), or that something in Edge is preventing them from being fetched. That might be some extension, or security policy, or something from the Apple toolkit, or a firewall rule/antivirus software, and I do hope you will manage to find what it is.

I'm also attaching a screenshot of an example of the order you should see the scripts in.


Regards,
Marin Bratanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
General Discussions
Asked by
Carolyn
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Carolyn
Top achievements
Rank 1
Share this question
or