script reference order issue+kendo ui grid

[icenold]

"The Kendo UI directives require jQuery to be available before AngularJS. Please include jquery before angular in the document."

My kendo grid works correctly without ui-route routing.(I tried it by directly pasting my partial views to the parent view, and I pasted the parent inside the master view)

But when using ui-route it prompts the error above

This is the order of reference in my master view html
1-jquery
2-angular
3-kendo

[icenold]

BUMP

[eddiemonge]

Are you loading those scripts in a template?

[eddiemonge]

closing due to inactivity

[noherczeg]

I'm having the same issue. Load order is jQuery, angular, kendo yet I get the same error.

[MohamedSahir]

The Kendo UI directives require jQuery to be available before AngularJS with Kendo grid in routing template with Html5mode.

1. i have used mvc with angular.In layout file ,have mentioned the below scripts file.

order scripts :

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="https://code.angularjs.org/1.3.8/angular.js"></script>
<script src="//kendo.cdn.telerik.com/2016.2.714/js/kendo.all.min.js"></script>
<script src="https://code.angularjs.org/1.3.8/angular-sanitize.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js">

In page refresh, script order loading properly and grid rendered properly in html5mode and hashbangmode.

Issue happens in html5mode not in hashbang
when i navigate the angular routing template with button click , scripts order gets changed .
kendo load before jquery.

refer more:
http://stackoverflow.com/questions/38611672/the-kendo-ui-directives-require-jquery-to-be-available-before-angularjs-with-ken

[abo-elleef]

i had the same issue i was loading jquery twice

[sumedhmeshram]

I am also facing same issue

[saber13812002]

im also have this issue and find duplicate jquery refrence in masterpage of my sharepoint site and move that above my page to load that befor my angular.js and delete second jquery.js in my page

[mohan64]

Can anyone have the solutions for this?