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
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
Hi Marin,
Here is the version from the properties on the Reference: Kendo.Mvc - 2018.2.620.545
Guessing I should upgrade?
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...
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".
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?
And this is what my kendo widget (a grid) looks like in the browser:
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???
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