私のアプリには次のコントローラーがあり、私のマシンでは正常に動作します。本番環境にプッシュしてコードを圧縮すると、次のエラーが表示されます: Error: [$injector:unpr] Unknown provider: eProvider <- e <- debounce
. このエラーのデバッグに苦労しています。このトピックで見つけたほとんどすべての投稿は、問題が依存性注入にあることを示唆していますが、それが私のケースには当てはまらないと思います。
var app = angular.module('myApp', ['ngAnimate','ui.bootstrap', 'ngFileUpload', 'rt.debounce']);
app.controller('SocialMediaCtrl', ['$scope', '$rootScope', '$http', '$timeout', '$location', '$q', '$compile', 'socialMediaAPI', 'inspirationsAPI', 'debounce', 'modal', function($scope, $rootScope, $http, $timeout, $location, $q, $compile, socialMediaAPI, inspirationsAPI, debounce, modal) {
$scope.form = {};
$scope.newPost = {
token: $scope.token,
post: $scope.post,
posts: {
twitter: null,
facebook: null,
linkedin: null
},
attachment_url: $scope.attachment_url,
media_url: $scope.media_url,
services: {
twitter: $scope.twitter,
facebook: $scope.facebook,
linkedin: $scope.linkedin
}
};
function getTweetLength(post) {
$scope.tweetLength = post ? 140 - twttr.txt.getTweetLength(post) : 0;
if($scope.tweetLength < 0) {
$scope.tweetLengthValidation = true;
} else {
$scope.tweetLengthValidation = false;
};
};
function getLinkedInPostLength(post) {
var url = twttr.txt.extractUrls(post)[0];
if(post && url) {
$scope.linkedInPostLength = 256 - post.length + url.length;
} else if (post && !url) {
$scope.linkedInPostLength = 256 - post.length;
} else {
$scope.linkedInPostLength = 0;
};
if($scope.linkedInPostLength < 0) {
$scope.linkedInPostLengthValidation = true;
} else {
$scope.linkedInPostLengthValidation = false;
};
};
var getLengthValidations = debounce(10, function(evt){
getTweetLength($(evt.target).val());
getLinkedInPostLength($(evt.target).val());
if($scope.newPost.services.twitter) {
$scope.maxLength = 140;
} else if ($scope.newPost.services.linkedin) {
$scope.maxLength = 256;
} else {
$scope.maxLength = 1000;
};
});
$('textarea').on('keyup keydown cut paste', function(e){
getLengthValidations(e);
})
}]);
注: 完全なコントローラーは 200 行を超えるため、簡潔にするために関係のない部分は省略しています。