Tried to Load Angular More Than Once

by

This could be a number of issues: essentially it’s a problem of routeProvider not finding a file and recursively loading the default.

For me, it turned out that it wasn’t minification but concatenation of the js that caused the problems. 

angular.module('myApp').config(['$routeProvider', function ($routeProvider) {
    $routeProvider
      .when("https://stackoverflow.com/", {
        templateUrl: 'views/listing.html',
        controller: 'ListingCtrl'
      })
      .otherwise({
        redirectTo: "https://stackoverflow.com/"
      });
  }]).constant('FIREBASE_URL', 'something');

You’ll notice that if the app can’t find a file (i.e., otherwise), then it will redirect to the root, which in this case loads the templateUrl. But if your templateUrl is wrong, then it will cause a recursion that reloads index.html loading angular (and everything else) over and over.

In my case, grunt-concat caused the templateUrl to be wrong after build, but not before.

More Related Contents:

  1. Angularjs minification using grunt uglify resulting in js error
  2. ESLint’s “no-undef” rule is calling my use of Underscore an undefined variable
  3. WARNING: Tried to load angular more than once. Angular JS
  4. Passing data between controllers in Angular JS?
  5. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  6. Difference between the ‘controller’, ‘link’ and ‘compile’ functions when defining a directive
  7. How to pass an object into a state using UI-router?
  8. How to detect browser back button click event using angular?
  9. AngularJS browser autofill workaround by using a directive
  10. Initializing select with AngularJS and ng-repeat
  11. External resource not being loaded by AngularJs
  12. angular ng-repeat in reverse
  13. using setInterval in angularjs factory
  14. Adding a custom header to HTTP request using angular.js
  15. Angular.module minification bug
  16. Angular ui-router – how to access parameters in nested, named view, passed from the parent template?
  17. Angular.JS: views sharing same controller, model data resets when changing view
  18. Showing alert in angularjs when user leaves a page
  19. How to pass parameters to a modal?
  20. TypeError: Cannot read property ‘then’ of undefined
  21. Angular 1.6.0: “Possibly unhandled rejection” error [duplicate]
  22. key-value pairs in ng-options
  23. Angular UI Router: decide child state template on the basis of parent resolved object
  24. AngularJS : Asynchronously initialize filter
  25. VueJs templating. How to load external templates
  26. Format Date time in AngularJS
  27. How to create a custom input type?
  28. Validate phone number using angular js
  29. How is AngularJS different from jQuery
  30. Configure grunt copy task to exclude files/folders

Leave a Comment