एंगुलरजेएस अब फायरबग कंसोल में विशिष्ट त्रुटियों को नहीं दिखाता है

Question

मैं अपने आवेदन में कोणीय-भौतिक पुस्तकालय के साथ AngularJS का उपयोग कर रहा हूं। समस्या यह है कि, जब भी नियंत्रक के किसी भी फ़ंक्शन में कोई त्रुटि होती है, तो यह विशिष्ट त्रुटि नहीं दिखाती है बल्कि यह हर बार एक ही सामान्य त्रुटि दिखाती है, यह देखते हुए कि आप यह निर्धारित नहीं कर सकते कि क्या गलत हुआ है।

यहां मेरे कंसोल में दिखाई गई त्रुटि है।

TypeError: href is null stackFrame.js (line 357) 
consoleLog/<() angular.js (line 12416) 
$ExceptionHandlerProvider/this.$get</<() angular.js (line 9203) 
processQueue() angular.js (line 14642) 
scheduleProcessQueue/<() angular.js (line 14650) 
$RootScopeProvider/this.$get</Scope.prototype.$eval() angular.js (line 15878) 
$RootScopeProvider/this.$get</Scope.prototype.$digest() angular.js (line 15689) 
$RootScopeProvider/this.$get</Scope.prototype.$apply() angular.js (line 15986) 
done() angular.js (line 10511) 
completeRequest() angular.js (line 10683) 
requestLoaded() angular.js (line 10624) 

यहाँ कि त्रुटि के स्क्रीनशॉट है।

पीएस: मैं अपने आवेदन को आलसी लोड करने के लिए RequJS जावास्क्रिप्ट लाइब्रेरी का उपयोग कर रहा हूं। मैं अपने आवेदन में ui.router का भी उपयोग कर रहा हूं।

अद्यतन 1: stackFrame.js मेरे आवेदन की एक जावास्क्रिप्ट फ़ाइल नहीं है। stackFrame.js का स्थान है:

chrome://firebug/content/debugger/stack/stackFrame.js 

और यह हमेशा किसी भी नियंत्रक में अपने आवेदन भर एक ही लाइन पर एक ही त्रुटि दिखाता है, भले ही मैं आवेदन में विभिन्न त्रुटियों का सामना।

अद्यतन 2:

अक्षम Firebug काम करता है। यह फ़ायरफ़ॉक्स और क्रोम कंसोल में विशिष्ट त्रुटि दिखाता है। मैं जोड़ना चाहता हूं, कि $http.post() के प्रतिक्रिया फ़ंक्शन के अंदर कोई त्रुटि होने पर फ़ायरबग में इस प्रकार की त्रुटि दिखाई जाती है। आगे के मामलों का परीक्षण।

अद्यतन 3:

https://github.com/firebug/firebug/issues/7948 के संदर्भ के साथ

, इस मुद्दे फ़ायरबग 2.0.13 में हल किया गया है।

Answer 1

आप AngularJs में कस्टम अपवाद हैंडलिंग का उपयोग कर सकते हैं।

app.config(function($provide){ 

    $provide.decorator("$exceptionHandler", function($delegate, $injector){ 
     return function(exception, cause){ 
      var $rootScope = $injector.get("$rootScope"); 
      $rootScope.addError({message:"Exception", reason:exception}); 
      $delegate(exception, cause); 
     }; 
    }); 

}); 

यह $ rootScope के सभी त्रुटियों को कॉल डिफ़ॉल्ट कार्यान्वयन के लिए के माध्यम से गिर अनुमति देने से पहले बाध्यकारी डेटा के लिए (addError $ rootScope पर एक कस्टम विधि है, जबकि $ प्रतिनिधि सजाया जा रहा है सेवा का प्रतिनिधित्व करता है) भेजेगा।

कुछ सामान्य तर्कों को समाहित करने के लिए त्रुटियों की सेवा।

app.factory("errors", function($rootScope){ 
    return { 
     catch: function(message){ 
      return function(reason){ 
       $rootScope.addError({message: message, reason: reason}) 
      }; 
     } 
    }; 
}); 

हैंडलिंग त्रुटि:

TestService.doWork().then()    
     .catch(errors.catch("Could not complete work!")); 

Answer 2

यह स्पष्ट रूप से Firebug में एक बग है। आपको चाहिए file a bug report for Firebug

https://github.com/firebug/firebug/blob/a389cf78b310aedf33531520cc11f1e05051ecc3/extension/content/firebug/debugger/stack/stackFrame.js#L357

आप इस तय करना चाहते हैं तो,: अपने कोड के भीतर संबंधित लाइन इस एक है।