AngularJS：模块'App'不可用！您拼错模块名称或忘记加载它

我正在开发一个使用angularJS的简单Web应用程序，而且我遇到了无法解决的问题。运行我的网站，我得到这个错误控制台：AngularJS：模块'App'不可用！您拼错模块名称或忘记加载它

Uncaught Error: [$injector:modulerr] Failed to instantiate module App due to: Error: [$injector:nomod] Module 'App' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

但我敢肯定，我没拼错模块名称或忘了加载它。这里是我的代码：

var App = angular.module('App', ['ngRoute', 'ngMaterial', 'ui-notification', 'ngFileUpload']); 

App.run(['$rootScope', '$location', function($rootScope, $location) { 
    console.log("TEST"); 
}]); 
App.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
    // TODO: routing 
}]); 

App.factory('file-uploader', ['Upload', function(Upload) { 
    var uploadFile = function(file, callback) { 
     var uploader; 
     uploader = Upload.upload({ 
      url: 'SERVER URL' + '/upload-file', 
      data: { 
       image: file 
      } 
     }); 
     uploader.then(function(fileData) { 
      return callback(null, fileData); 
     }); 
     uploader.catch(function(error) { 
      return callback(error, null); 
     }); 
    }; 

    return uploadFile; 
}]);

这是我的index.html：

<!DOCTYPE html> 
<html ng-app="App"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"> 
    <meta name="description" content=""> 
    <meta name="author" content="AUTHOR"> 
    <title>PROJECT NAME | Login</title> 
    <link rel="stylesheet" href="/bower_components/angular-material/angular-material.css"> 
    <link rel="stylesheet" href="/bower_components/angular-ui-notification/dist/angular-ui-notification.min.css"> 
    <link rel="stylesheet" href="css/main.css" type="text/css"> 
    </head> 
    <body ng-class="location" ng-cloak> 
    <div ng-view></div> 
    <script defer src="/bower_components/angular/angular.js"></script> 
    <script defer src="/bower_components/angular-route/angular-route.js"></script> 
    <script defer src="/bower_components/angular-aria/angular-aria.js"></script> 
    <script defer src="/bower_components/angular-animate/angular-animate.js"></script> 
    <script defer src="/bower_components/angular-messages/angular-messages.js"></script> 
    <script defer src="/bower_components/angular-ui-notification/dist/angular-ui-notification.min.js"></script> 
    <script defer src="/bower_components/angular-material/angular-material.js"></script> 
    <script defer src="/bower_components/jquery/dist/jquery.js"></script> 
    </body> 
</html>

而且我已经安装了所有与凉亭包...

是否有人可以告诉我哪里是问题，我该如何解决它？

来源

2016-05-31 Leonardo Minati

你有没有在'ng-app =“App”'的HTML文件的某个地方包含应用程序？ – thepio

这个清单可能有所帮助：http://stackoverflow.com/a/26797874/930170 –

@thepio当然，在我的HTML我有html（ng-app =“应用程序”） –