"Error no detectado: [$ inyector: unpr]" con angular después de la implementación

Tengo una aplicación Angular bastante simple que se ejecuta bien en mi máquina de desarrollo, pero falla con este mensaje de error (en la consola del navegador) después de implementarlo:

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

Ningún otro mensaje además de ese. Sucede cuando se carga la página por primera vez.

Estoy ejecutando ASP.NET MVC5, Angular 1.2RC3 y presionando a Azure a través de git.

Buscar en Google no ha encontrado nada interesante.

¿Alguna sugerencia?

EDITAR:

Estoy usando TypeScript y definiendo mis dependencias con la $injectvariable, por ejemplo:

export class DashboardCtrl {

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

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

Creo que debería (o tiene la intención de) solucionar los problemas de cambio de nombre de las variables locales que surgen durante la minificación y que pueden causar este error.

Dicho esto, claramente tiene algo que ver con el proceso de minificación, ya que cuando lo configuro BundleTable.EnableOptimizations = trueen mi máquina de desarrollo, puedo reproducirlo.

Si sigue su enlace, le indicará que el error se debe a que $ injector no puede resolver sus dependencias. Este es un problema común con angular cuando el javascript se minimiza / uglified / lo que sea que esté haciendo para la producción.

El problema es cuando tiene, por ejemplo, un controlador;

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

La minificación cambia $scopey se convierte $qen variables aleatorias que no le dicen a angular qué inyectar. La solución es declarar sus dependencias así:

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

Eso debería arreglar tu problema.

Solo para reiterar, todo lo que he dicho está en el enlace que le proporciona el mensaje de error.

Me encontré con el mismo problema, pero las definiciones de mi controlador se veían un poco diferentes a las anteriores. Para controladores definidos así:

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

Simplemente agregue una línea después de la declaración que indique qué objetos inyectar cuando se crea una instancia del controlador:

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

Esto lo hace seguro para la minificación.

Este problema ocurre cuando el controlador o la directiva no se especifican como una matriz de dependencias y funciones. Por ejemplo

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

Cuando se minimiza El '$ scope' pasado a la función del controlador se reemplaza por un nombre de variable de una sola letra. Esto hará que angular no tenga ni idea de la dependencia. Para evitar esto, pase el nombre de la dependencia junto con la función como una matriz.

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

Si ha separado archivos para aplicaciones angulares \ recursos \ directivas y otras cosas, entonces puede deshabilitar la minificación de su paquete de aplicaciones angulares de esta manera (use el nuevo Bundle () en lugar de ScriptBundle () en el archivo de configuración de su paquete):

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"));

Y la aplicación angular aparecería en un paquete sin modificaciones.

Si ha separado archivos para aplicaciones angulares \ recursos \ directivas y otras cosas, entonces puede deshabilitar la minificación de su paquete de aplicaciones angulares de esta manera (use el nuevo Bundle () en lugar de ScriptBundle () en el archivo de configuración de su paquete):

Agregue los servicios $ http, $ scope en la función del controlador; a veces, si faltan, se producen estos errores.

Tuve el mismo problema, pero el problema era diferente, estaba tratando de crear un servicio y pasarle $ scope como parámetro.
Esa es otra forma de obtener este error como dice la documentación de ese enlace:

Intentar inyectar un objeto de alcance en cualquier cosa que no sea un controlador o una directiva, por ejemplo, un servicio, también arrojará un proveedor Desconocido: $ scopeProvider <- $ scope error. Esto puede suceder si uno registra por error un controlador como servicio, por ejemplo:

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.
}]);