1

我的应用程序中有以下控制器，它在我的机器上运行良好。当我推送到生产并且代码被缩小时，我收到以下错误：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 多行，所以为了简洁起见，我省略了不相关的部分。

4

1 回答 1

2

错误消息似乎表明debounce提供程序实例需要e提供程序实例。问题很可能不在您的控制器代码中，而是在定义debounce工厂/服务/等的代码中。我的猜测是它没有定义 DI 数组。

Going out on a limb, I'd say you're using

bower_components/angular-debounce/src/debounce.js (no DI)

instead of

bower_components/angular-debounce/dist/angular-debounce.js (has DI)

于 2015-10-14T03:21:55.643 回答