Question

我的angularjs项目可以正常使用requirejs。我想使用nggrid表，但在某处，bootstrapping没有正确发生，我在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'
        }
    }

}）;

require([
        'angular',
        'app',
        'domReady'
        'vendor/ng-grid.debug'

Answer 1

根据我的经验，每次抛出此错误都是因为您导入库的顺序。当我收到此错误时，我已经使用其他角度库导入了ng-grid库，这是在jquery之前。确保它在两者之后。

Answer 2

如果您使用的是Visual Studio MVC＆amp; web API @ Scripts.Render（＆＃34;〜/ bundles / jquery＆＃34;）不会立即导入JQuery库

<强>解决方案

使用脚本标记，这样就可以了。

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

<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>

使用ng-grid with angularjs＆amp; requirejs - “ReferenceError：jQuery未定义”

2 个答案: