Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome extension hint.js & ngHintModules

Our angular app sometime does not load on chrome canary (Version 41.0.2237.0 canary (64-bit)) saying

Failed to instantiate module ngHintModules due to: RangeError: Maximum call stack size exceeded

But it loads fine in firefox, chrome (Version 39.0.2171.71 (64-bit)), safari.

Probably not sure whether there is something to do with angular or not.

Full error

Uncaught Error: [$injector:modulerr] Failed to instantiate module ngHintModules due to: RangeError: Maximum call stack size exceeded     at Array.forEach (native)     at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2333:21)     at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2384:5)     at chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2387:7     at Array.forEach (native)     at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2385:21)     at chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2387:7     at Array.forEach (native)     at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2385:21)     at chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2387:7 

NB: The Error I am showing here is from

Version 41.0.2237.0 canary (64-bit)

like image 901
Kamrul Avatar asked Dec 10 '14 04:12

Kamrul


People also ask

Do Chrome extensions use JavaScript?

A chrome extension is a program that is installed in the Chrome browser that enhances the functionality of the browser. You can build one easily using web technologies like HTML, CSS, and JavaScript. Creating a chrome extension is similar to creating a web application, but it requires a manifest.


2 Answers

I also had this problem which was resolved by disabling Batarang.

like image 75
kpg Avatar answered Oct 17 '22 04:10

kpg


This issue is opened on the Batarang Github here: https://github.com/angular/angularjs-batarang/issues/156

You can load the prior version of Batarang from this zip file: https://github.com/angular/angularjs-batarang/archive/v0.4.3.zip

  1. Open More Tools->Extensions in Chrome
  2. Locate AngularJS Batarang and click on the trash can to remove the extension
  3. Download the .zip
  4. Extract the file
  5. Open More Tools->Extensions in Chrome
  6. Check Developer Mode at the top
  7. Click 'Load unpacked extension'
  8. Select the directory where you extracted the zip
  9. If you get an error about the manifest file, then you probably selected one directory level too high. Make sure that you select the bottom level angularjs-batarang-0.4.3 directory
  10. Load up an AngularJS page and use Batarang again with Inspector just like before

This will restore the previous version which while having issues does have some mostly working features like Performance profiling, scope inspector, options, and a help tab which are gone from the latest version. The 0.7.1 version fixes the major breakage of apps, but it only provides the scope tree (no inspector) and the new angular-hint functionality.

like image 23
Splaktar Avatar answered Oct 17 '22 03:10

Splaktar