2016-03-26 33 views
0

私はこれに対する答えを高低に探しましたが、この問題のすべてのインスタンスはかなりユニークなようです。多分、余分な数の眼が、これについていくつかの光を当てるのを助けます。未知のReferenceError:角度が定義されていませんapp.js

私は私のコンソールにエラーを受信して​​います:

app.js:23 Uncaught ReferenceError: angular is not defined

私の角度のアプリケーションがうまく働いているが、このエラーは、私が何をするかにもかかわらず、持続し続けています。 Todd Mottoが書いたスタイルガイドに従うようにコードを再構成したときにエラーが発生したと思います。いずれにせよ、次のように私の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') 

私は一度に各依存1を省略しました。私は各依存関係がロードされている順番を並べ替えてみましたが、私のアプリケーション固有の各ファイルがリストされている順番を並べ替えてみましたが、役に立たなかった。

これについてのご意見はありますか? 。角度の後に体の角度がロードされる前に一度頭の中で、2回目最初のスクリプトでエラーがスローされますが、:@JJJ

あなたが二回app.jsをロードしている「まあへ

+0

Angular is loading?それは読み込まれていないように見えます。 –

+0

@LéoLam私のコンソールを通して、ソースを見て、500または404のエラーがないことを見て、それぞれの依存関係がロードされていることを確認できました。それに加えて、私のアプリは正常に動作していますが、このエラーは持続し続けます。 –

+0

アプリのどのコードからエラーがスローされますか? – mindparse

答えて

0

感謝アプリは2回目の読み込み時にエラーが発生しないため動作します: "

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 

    // - [FIX] removed: script(src='js/app.js')   
    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') 
関連する問題