Fehler beim Laden angularer Module

Question

Ich habe ein eckiges Projekt, das zu einer besseren Dateistruktur führt, aber ich erhalte Argument 'fn' is not a function, got undefined für einen Fehler beim Erstellen eines neuen Service. Irgendwelche Ideen, was ich falsch mache?

app.js

angular.module('app', [ 
'app.controllers' 
]); 

angular.module('app.controllers', ['leaflet-directive', 'app.services']); 

angular.module('app.services', []); 

main.controller.js

angular.module('app.controllers') 
.controller('MainCtrl', MainCtrl); 

function MainCtrl($scope, $window, leafletData, DataService) { 
    var main = this; 

    main.items = DataService.GetItems(); 

    //Other controller stuff 
}; 

data.service.js

angular.module("app.services") 
.factory('DataService', DataService); 

var DataService = function(){ 
    return data = { 
     getItems: function(){ 
      return [//data here]; 
     } 
    }; 
} 

Answer 1

Ihre Erklärung von Dataservice ist das Problem. Du deklarierst es, nachdem du es benutzt hast. Sie sollten Ihre DataService-Deklaration in function DataService() ändern, anstatt sie auf eine Variable zu setzen, um die Funktion zum Hochfahren der Funktion zu nutzen.