2016-03-26 21 views
0

Buna bir yanıt için yüksek ve düşük arama yaptım, ancak bu sorunun her örneği oldukça benzersiz görünüyor. Belki birkaç ekstra göz seti bu konuda biraz ışık tutabilir.Yakalanmamış ReferenceError: açısal tanımlı değil app.js

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

Benim açısal uygulama gayet güzel çalışıyor, ancak bu hata benim yaptığım rağmen devam devam:

benim konsolda şu hata alıyorum. Ben Todd Motto tarafından yazılmış bir stil kılavuzu takip etmek için kodumu yeniden yapılandırdığımda hata geldi düşünüyorum. aşağıdaki gibi Her durumda, benim app.js geçerli:

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') 

deneme yanılma yoluyla bir defada her bağımlılık bir ihmal ettik şu şekildedir:

(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); 

})(); 

Benim bağımlılıkları vardır. Her bağımlılığın yüklendiği sırayı yeniden düzenlemeyi denedim ve her bir uygulamamın özel dosyalarının listelendiği sırayı yeniden düzenlemeyi denedim, ancak boşuna.

Bunun hakkında herhangi bir düşünce var mı? @JJJ için

+0

Angular'in yüklendiğinden emin misiniz? Yüklemiyor gibi görünüyor. –

+0

@ LéoLam Konsolumda, her bir bağımlılığın kaynağı görüntüleyerek ve 500 veya 404 hatası olmadığını görerek yüklendiğini doğrulayabildim. Buna ek olarak, uygulamam iyi çalışıyor, ancak bu hata devam ediyor. –

+0

Uygulamanızda hangi kod satırı atılıyor? – mindparse

cevap

0

Teşekkür

"Eh iki kez app.js yüklüyoruz. Zamanlar Açısal İlk senaryonun sonra vücutta Açısal yüklendikten önce kafa ve ikinci kez bir hata ama atar uygulama, ikinci kez yüklendiği halde çalışır çünkü çalışır: "

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') 
İlgili konular