“Erro não detectado: [$ injector: despr]” com angular após a implantação

Eu tenho um aplicativo Angular bastante simples que funciona perfeitamente na minha máquina de desenvolvimento, mas está falhando com esta mensagem de erro (no console do navegador) depois de implantá-lo:

Uncaught Error: [$injector:unpr] http://errors.angularjs.org/undefined/$injector/unpr?p0=tProvider%20%3C-%20t%20%3C-%20%24http%20%3C-%20%24compile

Nenhuma outra mensagem além dessa. Acontece quando a página é carregada pela primeira vez.

Estou executando a ASP.NET MVC5, Angular 1.2RC3 e enviando para o Azure via git.

Googling não encontrou nada de interessante.

Alguma sugestão?

EDITAR:

Estou usando o TypeScript e definindo minhas dependências com a $injectvariável, por exemplo:

export class DashboardCtrl {

    public static $inject = [
        '$scope',
        '$location',
        'dashboardStorage'
    ];

    constructor(
        private $scope: IDashboardScope,
        private $location: ng.ILocationService,
        private storage: IDashboardStorage) {
    }
}

Eu acredito que deveria (ou pretende) contornar os problemas de renomeação de variável local que surgem durante a minificação e que podem causar este erro.

Dito isso, claramente tem algo a ver com o processo de minificação, pois quando eu configuro BundleTable.EnableOptimizations = trueminha máquina de desenvolvimento, posso reproduzi-lo.

Se você seguir o seu link, ele informará que o erro resulta do $ injector não ser capaz de resolver suas dependências. Este é um problema comum com o angular quando o javascript é reduzido / ampliado / o que quer que você esteja fazendo para produção.

O problema é quando você tem, por exemplo, um controlador;

angular.module("MyApp").controller("MyCtrl", function($scope, $q) {
  // your code
})

As mudanças minification $scopee $qem variáveis aleatórias que não diz angular que injetar. A solução é declarar suas dependências assim:

angular.module("MyApp")
  .controller("MyCtrl", ["$scope", "$q", function($scope, $q) {
  // your code
}])

Isso deve resolver o seu problema.

Apenas para reiterar, tudo o que eu disse está no link que a mensagem de erro fornece a você.

Eu mesmo tive o mesmo problema, mas minhas definições de controlador pareciam um pouco diferentes das anteriores. Para controladores definidos assim:

function MyController($scope, $http) {
    // ...
}

Basta adicionar uma linha após a declaração indicando quais objetos injetar quando o controlador é instanciado:

function MyController($scope, $http) {
    // ...
}
MyController.$inject = ['$scope', '$http'];

Isso o torna seguro para a minimização.

Esse problema ocorre quando o controlador ou a diretiva não são especificados como uma matriz de dependências e funções. Por exemplo

angular.module("appName").directive('directiveName', function () {
    return {
        restrict: 'AE',
        templateUrl: 'calender.html',
        controller: function ($scope) {
            $scope.selectThisOption = function () {
                // some code
            };
        }
    };
});

Quando minimizado O '$ scope' passado para a função do controlador é substituído por um nome de variável de uma única letra. Isso tornará o angular sem noção da dependência. Para evitar isso, passe o nome da dependência junto com a função como um array.

angular.module("appName").directive('directiveName', function () {
    return {
        restrict: 'AE',
        templateUrl: 'calender.html'
        controller: ['$scope', function ($scope) {
            $scope.selectThisOption = function () {
                // some code
            };
        }]
    };
});

Se você separou arquivos para angular app \ resources \ directives e outras coisas, você pode simplesmente desabilitar a minificação de seu pacote angular de app desta forma (use new Bundle () em vez de ScriptBundle () no arquivo de configuração do pacote):

bundles.Add(
new Bundle("~/bundles/angular/SomeBundleName").Include(
               "~/Content/js/angular/Pages/Web/MainPage/angularApi.js",
               "~/Content/js/angular/Pages/Web/MainPage/angularApp.js",
               "~/Content/js/angular/Pages/Web/MainPage/angularCtrl.js"));

E o aplicativo angular apareceria no pacote sem modificações.

Se você separou arquivos para angular app \ resources \ directives e outras coisas, você pode simplesmente desabilitar a minificação de seu pacote angular de app desta forma (use new Bundle () em vez de ScriptBundle () no arquivo de configuração do pacote):

Adicione os serviços $ http, $ scope na função do controlador, às vezes, se eles estiverem ausentes, esses erros ocorrerão.

Eu tive o mesmo problema, mas o problema era diferente, eu estava tentando criar um serviço e passar $ escopo para ele como um parâmetro.
Essa é outra maneira de obter esse erro, pois a documentação desse link diz:

A tentativa de injetar um objeto de escopo em qualquer coisa que não seja um controlador ou uma diretiva, por exemplo um serviço, também lançará um provedor desconhecido: $ scopeProvider <- $ erro de escopo. Isso pode acontecer se alguém registrar por engano um controlador como um serviço, por exemplo:

angular.module('myModule', [])
       .service('MyController', ['$scope', function($scope) {
        // This controller throws an unknown provider error because
        // a scope object cannot be injected into a service.
}]);