錯誤：$ injector：modulerr AngularJS

Question

我知道這個主題已經發布了很多，但沒有一個解決方案似乎是特定於我的問題。我收到以「.service」開頭的錯誤。在檢查員中，它只是說，「意外的標記。」彷彿它不喜歡這個時期。在那行之後它有$ injector：modulerr錯誤。有什麼建議麼？ （我沒有包含json文件，因爲它只是一個對象數組）。

JS

angular.module("powerpotApp", []) 

.controller('mainCtrl', function($scope, dataService) { 

    dataService.getPlants(function(response) { 
     $scope.plants = response.data; 
    }); 
}); 

.service('dataService', function($http) { 

    this.getPlants = function(callback) { 
     $http.get('mock/plants.json').then(callback) 
    } 
}); 

Answer 1

你已經把一個分號在您的控制器所以它是一個JavaScript語法錯誤。

它應該是這樣的：

angular.module("powerpotApp", []) 

.controller('mainCtrl', function($scope, dataService) { 

    dataService.getPlants(function(response) { 
     $scope.plants = response.data; 
    }); 
}) // removed semi colon here 

.service('dataService', function($http) { 

    this.getPlants = function(callback) { 
     $http.get('mock/plants.json').then(callback) 
    } 
}); 

希望它能幫助。