ruby-on-rails-3 - 将 Rails/AngularJS 应用程序部署到 Heroku 时出现未知的提供程序错误

Question

我有一个 Rails/AngularJS 应用程序，它在本地开发环境中运行良好。
但是，当我将此应用程序部署到 Heroku 时，AngularJS 不起作用并返回此错误:

Unknown provider: eProvider <- e

我做了一些研究，似乎与 Assets 的预编译和缩小有关，但我不知道该怎么做才能解决这个问题。有任何想法吗？谢谢!

这是 Controller 的外观:

function RemindersCtrl($scope, $http) {
  $http.get('/reminders.json').success(function(data) {
    $scope.reminders = data;
    console.log(data);
  });
}

这是 View 中的代码:

    %section.reminders
      %div{"ng-controller" => "RemindersCtrl"}
        %ul
          %li{"ng-repeat" => "reminder in reminders"}
            .title {{reminder.title}}

更新:我将 Controller 更改为此，但结果相同:

var RemindersCtrl = function($scope, $http) {
  $http.get('/reminders.json').success(function(data) {
    $scope.reminders = data;
    console.log(data);
  });
}
RemindersCtrl.$inject = ['$scope','$http'];

Answer 1

根据 AngularJS 教程( http://docs.angularjs.org/tutorial/step_05 )，您可以将其添加到 Controller 以防止缩小问题:

function RemindersCtrl($scope, $http) {
  ...
}
RemindersCtrl.$inject = ['$scope', '$http'];

或者不是定义这样的函数:

function RemindersCtrl($scope, $http) {
  ...
}

应该这样做:

var RemindersCtrl = ['$scope', '$http', function($scope, $http) {
  ...
}];