angular.min.js:6未捕获错误:angularJS 1.5.6中的[$ injector:modulerr]

时间:2016-09-29 11:41:19

标签: javascript angularjs

我正在尝试加载我自己的模块,它与第一个模块一起工作但在我尝试添加另一个模块时遇到错误。见下文:

app.js

var gcApp = angular.module('gcApp', [
    'ui.router',
    'gcApp.controllers',
    'gcApp.services'

]);

gcApp.config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/home');

    $stateProvider
        .state('home', {
            url: '/home',
            templateUrl: 'views/home.html'
        })
        .state('farmer-home', {
            url: '/farmer-home',
            templateUrl: 'views/farmer-home.html',
            //controller: 'farmerCtrl'
        })
        .state('login', {
            url: '/login',
            templateUrl: 'views/login.html',
            controller: 'loginCtrl'
        });

});

controller.js

'use strict';
/* Controllers */
var controllers = angular.module('gcApp.controllers', [
        'login-controller',
        'farmer-controller'
    ]);

农民controller.js

'use strict';

var farmerController = angular.module('farmer-controller', []);

farmerController.controller('farmerCtrl', function ($scope, $rootScope, $location) {
    console.log("Farmer controller..");

});

service.js

'use strict';
/* Services */
var services = angular.module('gcApp.services', [
        'login-service',
        'farmer-service'
        ]);

农民service.js

'use strict';

var farmerService = angular.module('farmer-service', []);

farmerService.service('FarmerManagementService', function ($http, $rootScope) {
    console.log("FarmerManagementService");
});

首先,控制器中只有登录控制器,服务中只有登录服务。它运行顺利。但是,当我在控制器中添加农民控制器和服务中的农民服务时,它显示出上述错误。 我不知道为什么会这样。

从概念上讲,我已将农民控制器模块添加到控制器和服务中。所以我想知道为什么每次都无法加载。在这一点上,我做错了。

我使用的Angular版本是1.5.6

1 个答案:

答案 0 :(得分:1)

更改

var controllers = angular.module('gcApp.controllers', [
    'login-controller',
    'farmer-controller',
]);

var controllers = angular.module('gcApp.controllers', [
    'login-controller',
    'farmer-controller'
]);

以及

var services = angular.module('gcApp.services', [
    'login-service',
    'farmer-service',
    ]);

var services = angular.module('gcApp.services', [
    'login-service',
    'farmer-service'
    ]);

然后再试一次。在最后的依赖之后不应该有逗号。