【问题标题】:angular.min.js:6 Uncaught Error: [$injector:modulerr] in angularJS 1.5.6angular.min.js:6 未捕获的错误:angularJS 1.5.6 中的 [$injector:modulerr]
【发布时间】:2016-09-29 19:49:02
【问题描述】:

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

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'
    ]);

farmer-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'
        ]);

farmer-service.js

'use strict';

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

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

一开始,控制器中只有 login-controller,服务中只有 login-service。它运行平稳。但是当我在控制器中添加农民控制器和在服务中添加农民服务时,它显示了上述错误。 我不知道为什么会这样。

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

我使用的 Angular 版本是 1.5.6

【问题讨论】:

  • 这是我的一个愚蠢的错误。我忘了在 index.html 中添加新的 js 文件

标签: javascript angularjs


【解决方案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'
    ]);

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

【讨论】:

  • 很抱歉,发帖前逗号已被删除。我会更新问题。
猜你喜欢
  • 2017-01-29
  • 2016-05-09
  • 2014-06-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-11-03
  • 1970-01-01
相关资源
最近更新 更多