I know this has been asked before, but I haven't seen a solution to this problem.

So basically, I have an ASP.NET MVC project with AngularJS. I'm trying to use Kendo-Grid to display data in a table with excel-like filters and I'm constantly getting this error:

This is my _Layout.cshtml head tag:

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2018.1.221/styles/kendo.common.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2018.1.221/styles/kendo.rtl.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2018.1.221/styles/kendo.default.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2018.1.221/styles/kendo.mobile.all.min.css">

    <script src="http://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2018.1.221/js/angular.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2018.1.221/js/jszip.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2018.1.221/js/kendo.all.min.js"></script>

Unless I'm missing something, jQuery is clearly loading before AngularJS right? So what's causing this error? I'm getting pretty frustrated with this, because I tried the same thing on a separate .html document (outside of the MVC project) and it works.