与angularjs一起使用ng网格&；requirejs-“；ReferenceError:未定义jQuery"；

我的angularjs项目与requirejs配合得很好。 我想使用nggrid表，但在某些地方，引导没有正确进行，我在ng-grid.debug中得到了“ReferenceError:jQuery未定义”

以下是我的配置：

app.js：添加ngGrid模块作为从属模块

angular.module('MyApp', ['controllers', 'services',
    'filters', 'directives', 'ngGrid']);

main.app：我已经看到Jquery是一个应该加载的依赖项

require.config({
    paths: {
        jquery: 'vendor/jquery',
        angular: 'vendor/angular.min',
        domReady: 'vendor/domReady'
    },
    shim: {
        angular: {
            deps: [ 'jquery'],
            exports: 'angular'
        }
    }

}))

---

根据我的经验，每次抛出此错误都是因为导入库的顺序。当我遇到这个错误时，我已经导入了ng网格库和其他Angle库，这是在jquery之前。如果您使用的是Visual studio MVC和web API，则确保它位于这两个函数之后。

不仅库的顺序很重要 @Scripts.Render（“~/bundles/jquery”）不会立即导入jquery库

解决方案

使用script标记，结果会很好

示例： 在我的布局中挖掘脚本：

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js">     </script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>

<script src="~/Scripts/ng-grid.js" type="text/javascript"></script>

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js">     </script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>

<script src="~/Scripts/ng-grid.js" type="text/javascript"></script>