Angular module loaded but JavaScript error says it is unavailable

Question

Angular module loaded but JavaScript error says it is unavailable

I have server logs that show that the client is loading all the modules needed in my ad ng-app = Mattached to the item <html>. Meaning, all the dependencies seem to load correctly before my application is declared and initialized.

My application is as follows:

var app = angular.module('M', ["ui.router",'ui.bootstrap','angular.media','chart.js','ngMessages','ngTouch']);

The module reported to my server as the cause of the error , although I see the following in the server log: Module Unavailable angular.media

XX.XX.X.XXX - - [13/Dec/2017:19:31:24 +0000] "GET /getScript/angular-media.js?v=7.1.7 HTTP/1.1" 200 5172 "https://example.com/home" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.78.2 (KHTML, like Gecko) Version/6.1.6 Safari/537.78.2"
XX.XX.X.XXX - - [13/Dec/2017:19:31:25 +0000] "GET /getScript/authapp.js?v=9.2 HTTP/1.1" 200 1449 "https://example.com/home" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.78.2 (KHTML, like Gecko) Version/6.1.6 Safari/537.78.2"

I believe that the error may be due to the fact that it angular.mediaalso relies on ui.routerwhat can cause the problem? ui.routerloaded from the cache before going to the page /home.

angular.module('angular.media', ["ui.router"])

What do you think causes this question?

, , , , Angular.

Angular URL:

10 Angular :

angular.module('angular.media', ["ui.router"])
.controller('Controller', ['$scope', function($scope) {
}])
.directive('angularmedia', [
           '$angularMediaStack',
  function($mediaStack) { 
  return {
    restrict: 'A',
  template:'<div class="someClass"><angularmediabar></angularmediabar><div class="earParagraph"><rewind></rewind><play></play><fastforward></fastforward></div></div>',
controller: function($scope, $element,$attrs) {

, , , .

, script, - , ? :

window.onerror = function (message, url, lineNo) {
    try { 
        var request = new XMLHttpRequest();
        var formData = new FormData();
         formData.append("message", message);
         formData.append("url", url);
         formData.append("line", lineNo);
       request.open("POST", "/errors");
       request.send(formData);
    } catch (s) {}
    return true;
};

: script /home

    <script src="https://example.com/js/jquery.min.js"></script>
    <script src="https://example.com/js/bootstrap.min.js"></script>
    <script src="https://example.com/js/jquery.scrollex.min.js"></script>
    <script src="https://example.com/js/jquery.transit.min.js"></script>
    <script src="https://example.com/js/angular.min.js"></script>
    <script src="https://example.com/js/angular-animate.min.js"></script>
    <script src="https://example.com/js/ui-bootstrap.min.js"></script>
    <script src="https://example.com/js/angular-ui-router.min.js"></script>
    <script src="/js/angular-messages.js"></script>
    <script src="/js/angular-touch.js"></script>
    <script src="/getScript/angular-media.js?v=7.1.7"></script>
    <script src="/getScript/Chart.js"></script>
    <script src="/getScript/angular-chart.js"></script>
    <script src="/getScript/moment.js"></script>
    <script src="/getScript/owl.carousel.min.js"></script>
    <!--HTML Content-->
    <script src="/getScript/authapp.js?v=9.2"></script>
    <script src="/getScript/authconfig.js?v=9.2"></script>
    <script src="/getScript/authservices.js?v=9.2"></script>
    <script src="/getScript/authdirectives.js?v=9.2"></script>
    <script src="/getScript/authcontrollers.js?v=9.2.9.2"></script>
    <script>
    app.factory('AboutMe', [function() {
    //fill with PHP derived values
    }]);
</script>