Rails4とAngularJSで作成したアプリをHerokuで動かす方法

Question

前回下記の件で質問させていただきました。
Rails4とAngularJSを組み合わせてタスクアプリを作りたい

こちらのGemfileに

group :production do
  gem 'pg', '0.15.1'
  gem 'rails_12factor', '0.0.2'
end

を追加し

bundle install --without production

git commit -a -m "update Gemfile for Heroku"
heroku login
heroku create
git push heroku master
heroku run rake db:migrate
heroku open

herokuにpushしブラウザを立ち上げたところ画面が真っ白で何も表示されません。
タイトル「TaskApp」が表示される程度です。
（development環境では問題なく動きました）

Rails4とAngularJSを組み合わせて作ったアプリをherokuで動かすにはどうすればよいでしょうか？
よろしくお願いいたします。

Answer 1

やっと解決できました。

AngularJSのMinificationという現象のようです。
こちらを回避する書き方をしなければならないようです。

今回修正したのは
TaskApp/config/environments/production.rb
TaskApp/app/assets/javascripts/angular/controllers/TasksIndexCtrl.js
の２つのファイルです。

TaskApp/config/environments/production.rb

#下記を追加
config.assets.js_compressor = Uglifier.new(mangle: false)

TaskApp/app/assets/javascripts/angular/controllers/TasksIndexCtrl.js

#下記のように修正
var TasksIndexCtrl = angular.module('TasksIndexCtrl', []);

app.controller("TasksIndexCtrl", ['$scope','$http', '$resource',function($scope,$http,$resource) {
  var rtn = $resource('/tasks.json');
  $scope.tasks = rtn.query();
  
  
  $scope.addNew = function() {
        $scope.tasks.push({"body":$scope.newTaskBody,"done":false});
        $scope.newTaskBody = '';
    }
    $scope.getDoneCount = function() {
        var count = 0;
        angular.forEach($scope.tasks, function(task) {
            count += task.done ? 1 : 0;
        });
        return count;
    }
    $scope.deleteDone = function() {
        var oldTasks = $scope.tasks;
        $scope.tasks = [];
        angular.forEach(oldTasks, function(task) {
            if (!task.done) $scope.tasks.push(task);
        });
    }
  
}]);

これでherokuにpushしたところ動きました。

Answer 2

heroku側で何かログ出ていませんか？

Comments

[退会済みユーザー]

herokuの方では特にエラーログはありませんでした。

そういえばエラーログを見なければと始まらないと思い、フロントサイト側をチェックすることにしました。
javascript側で何かエラーが出ていないかとgoogle Cromeで表示し、「その他ツール」→「javascriptコンソール」でログを確認したところ「Unknown provider: e」が表示されていました。
そしてこのエラーの内容がこちらのサイトになります。
https://docs.angularjs.org/error/$injector/unpr?p0=e

そしてさらに調べてみたところ、このような記事を発見しました。
http://openbook4.me/users/1/sections/430

もう少し頑張ってみます！