Javascript AngularJS:未知提供程序错误_Javascript_Angularjs

Javascript AngularJS:未知提供程序错误

javascript angularjs

Javascript AngularJS:未知提供程序错误,javascript,angularjs,Javascript,Angularjs,我遇到了一个传说中的错误，我想不出原因： Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to: Error: [$injector:unpr] Unknown provider: AbastecsService app.js var myApp = angular.module("myApp", ["ngRoute", "ngResource", "myApp.services

我遇到了一个传说中的错误，我想不出原因：

 Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:unpr] Unknown provider: AbastecsService

app.js

var myApp = angular.module("myApp", ["ngRoute", "ngResource", 
    "myApp.services", "myApp.controllers"]);

var controllers = angular.module("myApp.controllers", []);
var services = angular.module("myApp.services", []);

myApp.config(["$routeProvider", "$httpProvider", "AbastecsService",
    function($routeProvider, $httpProvider, AbastecsService) {

    $routeProvider

    .when("/", {
        templateUrl : "login.html",
        controller : "LoginController"
    })

    .when("/abastecimientos", {
        templateUrl : "main.html",
        controller : "AbastecsController",
        resolve : {
            abastecs : function(AbastecsService) {
                return AbastecsService.getAbastecimientos();
            }
        }
    });

}]);

abastecimientos_service.js

var services = angular.module("myApp.services");

services.service("AbastecsService", ["$resource", function($resource) {

    var ROOT_URL = "http://xxx.xxx.xxx.xxx"; 

    var Abastecimientos = 
        $resource(ROOT_URL + "/abastecimientos/2010101010101010");

    this.getAbastecimientos = function() {
        var abastecs = Abastecimientos.get(function() {
            return abastecs.data;
        });
    };

}]);

abastecimientos_controller.js

var controllers = angular.module("myApp.controllers");

controllers.controller("AbastecsController", ["$scope", "abastecs", 
    function($scope, abastecs){

    $scope.abastecs = abastecs;

}]);

var controllers = angular.module("myApp.controllers");

controllers.controller("LoginController" , ["$scope", "$location", 
    function($scope, $location) {

    $scope.login = function() {
        $location.path("/abastecimientos");
    };

}]);

var controllers = angular.module("myApp.controllers");

controllers.controller("AbastecsController", ["$scope", "abastecs", 
    function($scope, abastecs){

    $scope.abastecs = abastecs;

}]);

var controllers = angular.module("myApp.controllers");

controllers.controller("LoginController" , ["$scope", "$location", 
    function($scope, $location) {

    $scope.login = function() {
        $location.path("/abastecimientos");
    };

}]);

index.html

<!DOCTYPE html>
<html>
<head>

    <link rel="shortcut icon" href="favicon32.ico" />
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="/css/signin.css" media="screen" />

</head>

<body ng-app="myApp" id="page-top" data-spy="scroll" data-target=".navbar-custom">

    <div ng-view></div>

    <!-- JQuery -->
    <script src="lib/jquery/jquery-1.11.2.min.js"></script>

    <!--  angular-js -->
    <script src="lib/angularjs/angular.js"></script>
    <script src="lib/angularjs/angular-route.min.js"></script>
    <script src="lib/angularjs/angular-resource.min.js"></script>

    <script src="js/app.js"></script>
    <script src="js/controllers/login_controller.js"></script>
    <script src="js/controllers/abastecimientos_controller.js"></script>
    <script src="js/services/abastecimientos_service.js"></script>

    <!-- Bootstrap -->
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>

</body>
</html>

谢谢。

问题解决了

问题是，我在

app.config

中注入了我的服务，但它不应该这样。那么就是这样,

myApp.config(["$routeProvider", "$httpProvider",
    function($routeProvider, $httpProvider, AbastecsService) {

...

}

你是否在HTML页面中引用了你的

abastecimientos_service.js

到

angular.module（“myApp.services”，[]）和角度模块（“myApp.controllers”）到角度模块（“myApp.controllers”，[]）更改，错误仍然存在