Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

AngularJS: How to debug the 'App Already Bootstrapped with this Element' error

Tags:

javascript

angularjs

debugging

bootstrapping

dry

In my AngularJS app I'm getting the follwing error when loading my site:

Uncaught Error: [ng:btstrpd] App Already Bootstrapped with this Element '<html lang="en" ng-app="app" class="ng-scope">'

I have ng-app only set once (in html element in _Layout.cshtml (ASP.NET MVC)) and I don't use angular.bootstrap so the issue mentioned here should not apply. How can debug the issue (using F12, Firebug, Chrome...)?

like image 304
Dunken Avatar asked Nov 02 '22 06:11

Dunken

1 Answers

Use the following process:

  • Download the unminified Angular source
  • Switch the script tag to reference the unminified Angular source or setup a sourcemap from the minified code to the unminified
  • Set a breakpoint within the angular.bootstrap method definition
  • Use the call stack to trace the source(s) on the call(s)

References

  • Use a source map - Firefox Developer Tools | MDN

  • F12 devtools guide: Debugger | Source Maps - Microsoft Edge Development

  • Map Preprocessed Code to Source Code  |  Web  |  Google Developers

  • Chromium Issue 611328 - Failed to parse SourceMap

  • evanw/node-source-map-support: Adds source map support to node.js (for stack traces)

like image 98
Paul Sweatte Avatar answered Nov 11 '22 13:11

Paul Sweatte
Sign in to Comment

Related questions

Using ui-router with view transitions
Chrome HTML5 FileReader crashes when trying to read large file
Manipulate a path in Snap.svg or redraw it?
SignalR - Send message to user using UserID Provider
Getting jquery slide value when user stop moving slider
using nested getElementById IE
Is there a proper way to handle DOM ready event with require.js? (no, domReady plugin doesn't work)
How to call IE11 specific css [duplicate]
How do I resolve and assign an inner controller from the outer's scope?
Make Meteor.methods Synchronous and Asynchronous
Can I have my fixed button remain at a fixed size when zooming in mobile?
Convert Javascript time string to DateTime or TimeSpan in MVC Controller
How to serve a 10mb+ file that is continuously, incrementally updated to the client?
How to merge (aggregate) nested model collections in EmberJS?
Remove frameborder attribute on the iframe of Recaptcha
How can I bring up the keyboard on mobile devices to catch the input for drawing on an HTML5 canvas?
How to display the labels outside the pie chart in jqplot?
Parse - Check for Update inside BeforeSave in Cloud Code
Getting Html.Raw to work within an if statement in MVC Razor Javascript?
Is there a way to tell knockout to wait to recalculate computed values until after the view model is defined?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!