2014-06-24 96 views
5

我一直坐在这个问题上几个小时,发现了几个答案,其中没有一个为我工作到目前为止(AngularJs ReferenceError: angular is not defined)。出于某种原因,我似乎无法让我的应用程序使用Angular.JS。添加所需的JS-文件后,我的主要文件看起来像这样:ReferenceError:角度没有定义

<!DOCTYPE html> 
    <html ng-app="AppName"> 
    <head> 
    <title></title> 

    <link rel="stylesheet" href="/stylesheets/main.css"> 

    </head> 
    <body> 
    <!-- Wrapper--> 
    <div id="wrapper"> 

     <div id="page-content-wrapper"> 

     <div class="page-content inset" ng-view> 
     </div> 

     </div> 
    </div> 
    <!-- /WRAPPER--> 

    <!-- ANGULAR CUSTOM --> 
    <script src="libs/angular/angular.js"></script> 
    <script src="libs/angular-route/angular-route.min.js"></script> 
    <script src="javascripts/AngularApp.js"></script> 
    <script src="javascripts/appRoutes.js"></script> 
    <script src="javascripts/controllers/MainCtrl.js"></script> 
    <script src="javascripts/controllers/SettingsCtrl.js"></script> 
    <script src="javascripts/services/SettingsService.js"></script> 

    </body> 
</html> 

当我运行的应用程序似乎从来没有加载完成(见图片:http://imgur.com/FIAH4tH),然后崩溃。在Firefox中,我得到以下错误抛出我:http://imgur.com/UT3g7wY

有谁知道我该如何解决这个问题?

谢谢!

--EDIT-- 我更新了应用程序中脚本的位置。

我AngularApp.js文件看起来像这样:

angular.module('AppName', ['ngRoute', 'appRoutes', 'MainCtrl', 'SettingsCtrl', 'SettingsService']); 
+1

是否有移动的角度脚本顶端时出现的任何错误? (你应该明确地这样做,首先尝试加载控制器没有任何意义,考虑使用构建工具并连接你的脚本) – Sprottenwels

+0

将libs文件移动到顶端后,我仍然面临同样的问题页面未加载(持续处理)。过了一会儿,firefox把这个回复给我:imgur.com/bjTQJvn – user3753098

回答

6

如果您的模块AppNameAngularApp.js中定义,则需要在MainCtrl js之前。

您的.js文件是否分开角模块?如果是这样,他们不应该被列为angular.module依赖项中的模块。

angular.module('AppName', ['ngRoute']);

+0

我的脚本命令现在是: 1. angular.js 2.angular-route.min.js 3. AngularApp.js 4.appRoutes.js 5.MainCtrl.js 6.SettingsCtrl.js 7.SettingsService.js 我仍然得到同样的错误,当我跑我的应用程序:http://imgur.com/UT3g7wY – user3753098

+0

谢谢修复AngularApp.js到angular.module('AppName',['ngRoute','appRoutes',]);解决了我的问题 – user3753098

2

当然包括任何库/文件的自己的自定义代码之前。
因此,在您的其他javascripts文件之前放入<script src="libs/angular/angular.js"></script><script src="libs/angular-route/angular-route.min.js"></script>,您应该会发现问题得到解决。

+0

将libs文件移动到顶部之后,我仍然面临着与未加载页面(连续正在处理)相同的问题。过了一会儿,firefox把这个回复给我:http://imgur.com/bjTQJvn – user3753098