Javascript 未捕获引用错误：未在app.js中定义角度

我到处寻找这个问题的答案，但这个问题的每一个例子似乎都相当独特。也许多看几双眼睛可以帮助我们了解这一点

我在控制台中收到一个错误：

app.js:23未捕获引用错误：未定义角度

我的angular应用程序工作得很好，但不管我怎么做，这个错误仍然存在。我认为这个错误是在我重新构造代码以遵循Todd座右铭编写的样式指南时产生的。无论如何，我的app.js如下所示：

(function() {

function config($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'partial/main'
        })
        .when('/assignment/:id', {
            templateUrl: 'partial/assignment',
            controller: 'SubmissionController'
        }).otherwise({
            redirectTo: '/'
        });
}
angular
    .module('myApp', ['ngRoute', 'ui.materialize', 'ngAnimate'])
    .config(config);

})();

doctype html
html(ng-app="myApp")
  head
    meta(charset="utf-8")
    meta(http-equiv="X-UA-Compatible", content="IE=edge")
    meta(name="viewport", content="width=device-width, initial-scale=1.0, maximum-scale=1.0")

    title= title    

    link(rel='icon', type='image/png', href='favicon.ico')

    // bower:css
    link(rel='stylesheet', href='../bower_components/animate.css/animate.css')
    // endbower

    script(src='js/app.js') styles
    link(rel="stylesheet", href="css/app.css") 
    link(href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet")

  body(ng-controller="AssignmentController")
    block content 

    //- lib js
    // bower:js
    script(src='../bower_components/jquery/dist/jquery.js')
    script(src='../bower_components/angular/angular.js')
    script(src='../bower_components/Materialize/bin/materialize.js')
    script(src='../bower_components/angular-route/angular-route.js')
    script(src='../bower_components/angular-animate/angular-animate.js')
    script(src='../bower_components/angular-materialize/src/angular-materialize.js')
    // endbower  

    //- app js 
    script(src='js/app.js')
    script(src='js/controllers.js')
    script(src='js/services.js')
    script(src='js/directives.js')        
    script(src='//localhost:35729/livereload.js')  

我的依赖项如下：

(function() {

function config($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'partial/main'
        })
        .when('/assignment/:id', {
            templateUrl: 'partial/assignment',
            controller: 'SubmissionController'
        }).otherwise({
            redirectTo: '/'
        });
}
angular
    .module('myApp', ['ngRoute', 'ui.materialize', 'ngAnimate'])
    .config(config);

})();

doctype html
html(ng-app="myApp")
  head
    meta(charset="utf-8")
    meta(http-equiv="X-UA-Compatible", content="IE=edge")
    meta(name="viewport", content="width=device-width, initial-scale=1.0, maximum-scale=1.0")

    title= title    

    link(rel='icon', type='image/png', href='favicon.ico')

    // bower:css
    link(rel='stylesheet', href='../bower_components/animate.css/animate.css')
    // endbower

    script(src='js/app.js') styles
    link(rel="stylesheet", href="css/app.css") 
    link(href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet")

  body(ng-controller="AssignmentController")
    block content 

    //- lib js
    // bower:js
    script(src='../bower_components/jquery/dist/jquery.js')
    script(src='../bower_components/angular/angular.js')
    script(src='../bower_components/Materialize/bin/materialize.js')
    script(src='../bower_components/angular-route/angular-route.js')
    script(src='../bower_components/angular-animate/angular-animate.js')
    script(src='../bower_components/angular-materialize/src/angular-materialize.js')
    // endbower  

    //- app js 
    script(src='js/app.js')
    script(src='js/controllers.js')
    script(src='js/services.js')
    script(src='js/directives.js')        
    script(src='//localhost:35729/livereload.js')  

通过反复试验，我一次省略了每个依赖项。我尝试过重新排列每个依赖项的加载顺序，甚至尝试过重新排列每个特定于应用程序的文件的列出顺序，但都无济于事

对此有什么想法吗？

感谢@JJJ

---

“您将加载app.js两次：在加载Angular之前在头部加载一次，在加载Angular之后在正文中加载第二次。第一个脚本抛出一个错误，但应用程序运行正常，因为它在第二次加载时运行无误：”

---

你确定你在装货吗？看起来它没有加载。@LéoLam通过我的控制台，我可以通过查看源代码并查看没有500或404错误来确认每个依赖项都在加载。除此之外，我的应用程序工作正常，但此错误仍然存在。您的应用程序中的错误是从哪行代码抛出的？@mindparse app.js:22未捕获引用错误：angular未定义（匿名函数）@app.js:22（匿名函数）@app.js:27-->angular.module（'myApp'），['ngRoute'，'ui.materialize'，'ngAnimate']].config（config）；你要加载app.js两次：在Angular加载之前在头部加载一次，在Angular加载之后在body中加载第二次。第一个脚本抛出一个错误，但应用程序运行正常，因为它在第二次加载时运行没有错误。