ruby-on-rails - Heroku Rails Angular JS 编译 Assets

Question

我在将 js 文件部署到 heroku 时遇到问题。当我像这样为我的 Angular 模块添加组件时，问题就开始了var keysApp = angular.module('keys',['mgo-angular-wizard']);

所以application.js中的代码

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-sprockets
//= require_directory ./bootstrap
//= require mandrill/json2
//= require mandrill/mandrill.min
//= require libs/underscore-min
//= require angular/angular
//= require angular/angular-wizard.min

(function(){
    var keysApp = angular.module('keys',['mgo-angular-wizard']);

    keysApp.controller('KeysServiceController', function($scope){


        $scope.keysServiceModel = keysServicePriceGlobal;


        $scope.chosen = "";

        $scope.chosenPoint = "";

        $scope.userName = undefined;
        $scope.userEmail = undefined;
        $scope.userPhone = undefined;


        var myMap;
        var myGroup;


        var orderMailer = new mandrill.Mandrill('');

        ymaps.ready(init);

        function init(){

            myMap = new ymaps.Map("map", { center: [59.939095,30.315868],  zoom: 10  });

            myGroup = new ymaps.GeoObjectCollection({}, {
                draggable: false
            });


            function addObjectToKeyMap(place) {
                var geocoder = new ymaps.geocode( place.address, { results: 1 } );
                geocoder.then(function (res) {
                    place.coords = res.geoObjects.get(0).geometry.getCoordinates();
                    myGroup.add(new ymaps.Placemark(place.coords,{
                        balloonContentBody: place.address,
                        id: place.id
                    }));

                });
            }

            for(i=0; i< keysDotsModelGlobal.length; i++){
                addObjectToKeyMap(keysDotsModelGlobal[i]);
            }

            myMap.geoObjects.add(myGroup);

            myGroup.events.add("click",function(e){
                var object = e.get('target');
                var idOfClickedPlacemark = object.properties.get('id');
                var r = $.grep(keysDotsModelGlobal, function(e){ return e.id == idOfClickedPlacemark; });
                $scope.editChosenPoint(r[0]);
            })


        }

        $scope.editChosenPoint = function(point){
            $scope.chosenPoint = point;
            $scope.$apply();
        };


        $scope.choose = function (service) {
            if($scope.isChosen(service)){
                $scope.chosen = undefined;
            } else {
                $scope.chosen = service;
            }
        };

        $scope.isChosen = function(service){
            return $scope.chosen === service;
        };


        $scope.isHeader = function(service){
            return service.type == "hr";
        };

        $scope.closeChosenProduct = function(){
            $scope.chosen = undefined;
        };

        $scope.closeChosenAddress = function(){
            $scope.chosenPoint = undefined;
        };

        $scope.sendOrderRequest = function(){
            orderMailer.messages.send({
                }
            }, function(res){
                console.log(res);
            }, function(err){
                console.log(err)
            })
        }
    });
})();

在开发中一切都很酷。但是在生产中我得到了

Unknown provider error

.

我的作品.rb

  config.serve_static_assets = true

  # Compress JavaScripts and CSS.   
config.assets.js_compressor = false
 # config.assets.css_compressor = :sass

我认为无论文件 production.rb 中的设置如何，它都会压缩 js 文件

Answer 1

我的 Angular 应用在​​生产模式下也有同样的问题。以下更改对我有用。

config.assets.js_compressor = Uglifier.new(mangle: false)