"Неприхована помилка: [$ injector: unpr]" з кутовим після розгортання

У мене досить простий кутовий додаток, який працює на моїй машині розробки досить добре, але не працює з цим повідомленням про помилку (на консолі браузера) після того, як я його розгортаю:

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

Жодного іншого повідомлення крім цього. Це відбувається, коли сторінка спочатку завантажується.

Я запускаю ASP.NET MVC5, Angular 1.2RC3 і натискаю на Azure через git.

Гуглінг не виявив нічого цікавого.

Будь-які пропозиції?

Редагувати:

Я використовую TypeScript і визначаю свої залежності зі $injectзмінною, наприклад:

export class DashboardCtrl {

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

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

Я вважаю, що слід (або має на меті) обійти проблеми перейменування локальної змінної, які виникають під час мінімізації, і які можуть спричинити цю помилку.

Однак, це явно має щось спільне з процесом мінімізації, тому що коли я встановлюю BundleTable.EnableOptimizations = trueсвій дев-апарат, я можу його відтворити.

Якщо ви перейдете за вашим посиланням, це говорить про те, що помилка є результатом того, що інжектор $ не в змозі вирішити ваші залежності. Це поширена проблема з кутовим, коли javascript стає мінімізованим / непридатним / все, що ви робите з цим для виробництва.

Проблема полягає в тому, коли у вас є, наприклад, контролер;

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

Мінімація змінюється $scopeі $qперетворюється на випадкові величини, які не вказують кутовим, що слід вводити. Рішення полягає в тому, щоб заявити про свої залежності так:

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

Це повинно вирішити вашу проблему.

Просто для повторного повторення, все, що я сказав, знаходиться за посиланням, яке надає вам повідомлення про помилку.

Я зіткнувся з тією ж проблемою, але мої визначення контролера виглядали дещо інакше, ніж вище. Для контролерів, визначених так:

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

Просто додайте рядок після декларації із зазначенням, які об’єкти потрібно вводити, коли контролер інстанціюється:

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

Це робить його мінімальним безпечним.

Ця проблема виникає, коли контролер або директива не вказані як масив залежностей і функцій. Наприклад

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

При зміненні "Об'єм $", переданий функції контролера, замінюється назвою змінної з однієї літери. Це зробить кутову незрозумілу залежність. Щоб уникнути цього, передайте ім'я залежності разом з функцією як масив.

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

Якщо ви розділили файли для кутових \ \ \ \ директив та інших речей, ви можете просто вимкнути мінімізацію свого кутового набору програм, як це (використовувати новий Bundle () замість ScriptBundle () у вашому файлі конфігурації пакета):

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

І кутовий додаток з’явиться в комплекті немодифікованим.

Якщо ви розділили файли для кутових \ \ \ \ директив та інших речей, ви можете просто вимкнути мінімізацію свого кутового набору програм, як це (використовувати новий Bundle () замість ScriptBundle () у вашому файлі конфігурації пакета):

Додайте сервіси $ http, $ range в fucntion контролера, іноді якщо вони відсутні, ці помилки трапляються.

У мене була така ж проблема, але проблема була іншою, я намагався створити службу і передати $ range до неї як параметр.
Це ще один спосіб отримати цю помилку, як зазначено в документації цього посилання:

Спроба ввести об’єкт області у все, що не є контролером чи директивою, наприклад, службою, також призведе до невідомого постачальника: $ rangeProvider <- $ область помилки. Це може статися, якщо помилково зареєструвати контролер як послугу, напр .:

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