Question

我的应用程序中有以下控制器，可在我的机器上正常工作。当我推向生产并且代码缩小时，我收到以下错误：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行，所以为了简洁，我省略了不相关的部分。

Answer 1

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

走出困境，我会说你正在使用

bower_components/angular-debounce/src/debounce.js（没有DI）

而不是

bower_components/angular-debounce/dist/angular-debounce.js（有DI）

$ injector：unpr未知提供者：eProvider＆lt; - e＆lt; - debounce

1 个答案: