首页 > angular利用require.js加载 报错

angular利用require.js加载 报错

本来我直接一个个js 用script引入,是正常的。
但我一利用require加载后就报错了,原因是ng-App不起效。

这是我的require配置

'use strict';

(function(win) {
    var config = {
        baseUrl: '../src/js/lib', //依赖相对路径
        paths: {
            'jquery': 'jQuery/jQuery-2.2.0.min',
            'ng': 'angular/angular.min',
            'ngRoute': 'angular/angular-route.min',
            'ngRequire': 'require/angular-require.min',
            'bs': 'bootstrap/bootstrap.min',
            'pace': 'pace/pace.min',
            'system': '../system',
            'route': '../route'
                //      'validform': 'validform/5.3.2/Validform_v5.3.2_min',
                //      'jquery-ui':'jquery-ui/1.11.4/jquery-ui.min',

        },
        shim: {

            'bs': ['jquery'],
            'pace': ['jquery'],
            'system': ['jquery', 'bs'],
            'underscore': {
                exports: '_'
            },
            'ng': {
                exports: 'ng'
            },
            'ngRoute': {
                deps: ['ng'], //依赖什么模块
                exports: 'ngRouteModule'
            },
            'ngRequire': {
                deps: ['ng']
            }
        }
    };

    require.config(config);

    require(['route'], function(ng) {
        angular.bootstrap(document, ['ngApp']);
    });

})(window);

然后这是路由配置

define([
    'jquery',
    'bs',
    'pace',
    'system',
    'ng',
    'ngRoute',
    'ngRequire'
], function($, bs, pace, system, ng, ngRoute, ngRequire) {
    'use strict';

    // 页面加载进度条
    $(document).ajaxStart(function() {
        Pace.restart();
    });
    //ng 路由
    var app = angular.module("ngApp", [ngRequire,ngRoute]);
    app.controller('accountController', function($scope) {
            $scope.$route = $route;
        })
        .config(function($routeProvider) {
            $routeProvider.
            when('/account', {
                templateUrl: '../src/pages/accountManager.html',
                controller: 'accountController'
            }).
            otherwise({
                redirectTo: '/account'
            });
        });

其他JQ之类的是我之前项目一些加载,应该不是这些的问题

ngRequire这是我在这里找到的一个帖子的插件,但引入后也是不生效。
我看有些帖子说 先不在html中定义np-app 然后利用

angular.bootstrap(document, ['ngApp']);

来手动启用angular 但也是报错 所以请来咨询


和什么ngRequire没关系,你先删掉这个玩意儿(全部删掉哦,引用的地方一概不留),然后把错误信息贴出来瞧瞧


var app = angular.module("ngApp", [ngRequire,ngRoute]);有这么写的?这个不都是字符串么?
var app = angular.module("ngApp", ['ngRequire','ngRoute']);

【热门文章】
【热门文章】