javascript - angular利用require.js加载 报错
怪我咯
怪我咯 2017-04-11 10:38:49
[JavaScript讨论组]

本来我直接一个个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 但也是报错 所以请来咨询

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
黄舟

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

PHP中文网

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号