"अनकैप्ड एरर: [$ इंजेक्टर: अनप्र]] तैनाती के बाद कोणीय के साथ

Question 1

मेरे पास एक बहुत ही सरल कोणीय अनुप्रयोग है जो मेरी देव मशीन पर ठीक चलता है, लेकिन इस त्रुटि संदेश (ब्राउज़र कंसोल में) के साथ मैं इसे लागू करने के बाद विफल हो रहा हूं:

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, कोणीय 1.2RC3 चला रहा हूं, और git के माध्यम से Azure पर जोर दे रहा हूं।

Googling ने कुछ भी दिलचस्प नहीं किया है।

कोई सुझाव?

संपादित करें:

मैं टाइपस्क्रिप्ट का उपयोग कर रहा हूं, और $injectचर के साथ अपनी निर्भरता को परिभाषित कर रहा हूं , जैसे:

export class DashboardCtrl {

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

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

मेरा मानना है कि न्यूनतमकरण के दौरान आने वाली स्थानीय चर नामकरण समस्याओं के आसपास (या करने का इरादा) है और इस त्रुटि का कारण बन सकता है।

उस ने कहा, यह स्पष्ट रूप से minification प्रक्रिया के साथ कुछ करना है, जब मैं BundleTable.EnableOptimizations = trueअपने देव मशीन पर सेट करता हूं, तो मैं इसे पुन: पेश कर सकता हूं।

Question 2

यदि आप अपने लिंक का पालन करते हैं, तो यह बताता है कि $ इंजेक्टर से त्रुटि परिणाम आपकी निर्भरता को हल करने में सक्षम नहीं है। यह कोणीय के साथ एक सामान्य मुद्दा है जब जावास्क्रिप्ट छोटा हो जाता है / उत्पादन के लिए जो कुछ भी आप कर रहे हैं, वह खराब हो जाता है।

मुद्दा तब है जब आपके पास एक नियंत्रक है;

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

न्यूनतम परिवर्तन $scopeऔर $qयादृच्छिक चर में, जो कोणीय को बता नहीं सकता कि उसे क्या इंजेक्ट करना है। समाधान इस तरह से अपनी निर्भरता घोषित करना है:

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

उससे आपकी समस्या हल हो जानी चाहिए।

बस फिर से पुनरावृति करने के लिए, मैंने जो कुछ भी कहा है वह उस लिंक पर है जो त्रुटि संदेश आपको प्रदान करता है।

Question 3

खुद को एक ही समस्या में भाग गया, लेकिन मेरी नियंत्रक परिभाषाएं ऊपर से थोड़ी अलग दिखीं। इस तरह परिभाषित नियंत्रकों के लिए:

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

घोषणा के बाद बस एक पंक्ति जोड़ें जो बताता है कि नियंत्रक के तत्काल होने पर कौन सी वस्तुओं को इंजेक्ट करना है:

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

यह इसे न्यूनतम-सुरक्षित बनाता है।

Question 4

यह समस्या तब होती है जब नियंत्रक या निर्देश निर्भरता और फ़ंक्शन की एक सरणी के रूप में निर्दिष्ट नहीं होते हैं। उदाहरण के लिए

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

Question 5

यदि आपने कोणीय app \ resource \ directives और अन्य सामानों के लिए फाइलें अलग कर ली हैं तो आप अपने कोणीय app बंडल के minification को इस तरह से निष्क्रिय कर सकते हैं (अपनी बंडल config फाइल में 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"));

और कोणीय ऐप बंडल अनमॉडिफाइड में दिखाई देगा।

Question 6

यदि आपने कोणीय app \ resource \ directives और अन्य सामानों के लिए फाइलें अलग कर ली हैं तो आप अपने कोणीय app बंडल के minification को इस तरह से निष्क्रिय कर सकते हैं (अपनी बंडल config फाइल में ScriptBundle () के बजाय नए बंडल का उपयोग करें):

Question 7

नियंत्रक fucntion में $ http, $ गुंजाइश सेवाओं को जोड़ें, कभी-कभी यदि वे गायब हैं तो ये त्रुटियां होती हैं।

Question 8

मुझे एक ही समस्या थी लेकिन यह मुद्दा एक अलग था, मैं एक सेवा बनाने और इसे एक पैरामीटर के रूप में $ गुंजाइश देने की कोशिश कर रहा था।
इस त्रुटि को प्राप्त करने का एक और तरीका है, क्योंकि उस लिंक का प्रलेखन कहता है:

किसी वस्तु में एक स्कोप ऑब्जेक्ट को इंजेक्ट करने का प्रयास करना जो एक नियंत्रक या निर्देश नहीं है, उदाहरण के लिए एक सेवा, एक अज्ञात प्रदाता को भी फेंक देगा: $ गुंजाइशप्रोइडर <- $ गुंजाइश त्रुटि। यह तब हो सकता है यदि कोई गलती से किसी सेवा, पूर्व .:

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