Angular.js只加载了一半的次数

时间:2014-08-05 19:17:43

标签: javascript jquery node.js angularjs twitter-bootstrap

我遇到角度应用问题。我正在使用凉亭。当我启动服务器时,我有时会收到此错误:

  

未捕获错误:[$ injector:modulerr]由于以下原因无法实例化模块myApp:   错误:[$ injector:modulerr]由于以下原因无法实例化模块ui.router:   错误:[$ injector:nomod]模块'ui.router'不可用!你要么拼错了模块...... 2)

然后我有时会收到这个错误:

  

Uncaught SyntaxError:意外的标识符angular.js:573

     

Uncaught TypeError:无法读取undefined angular-route.js的属性'module':24

     

未捕获的SyntaxError:意外的标记ILLEGAL angular-ui-router.js:455

     

未捕获的ReferenceError:未定义angular ui-bootstrap-tpls-0.11.0.js:8

     

未捕获的ReferenceError:未定义角度app.js:4

     

未捕获的ReferenceError:未定义角度

有时css也没有完全加载,但是没有出现控制台错误。其他时候它完美无缺。

这是我的代码设置

<body ng-app="myApp" class="ng-scope">
<div>
  <div ui-view>
  </div>
</div>

  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

  <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script> 
  <script src="js/app.js"></script>
  <script src="js/services.js"></script>
  <script src="js/controllers.js"></script>
  <script src="js/filters.js"></script>
  <script src="js/directives.js"></script>
  <script src="js/create.js"></script>
  <script src="js/view.js"></script>
  <script src="js/header.js"></script>
  <script src="js/form-service.js"></script>
  <script src="js/form-directive.js"></script>
  <script src="js/field-directive.js"></script>
  <script src="js/jquery.dcjqaccordion.2.7.js"></script>

</body>

这是应用程序所在的app.js

var myApp = angular.module('myApp', [

  'ui.bootstrap.tabs',
  'ui.bootstrap.accordion',
  'ui.bootstrap.collapse',
  /*
  '$strap.directives',
  */
  'ui.router',
  'myApp.filters',
  'myApp.services',
  'myApp.directives',
  'myApp.controllers'


]);

不太清楚该怎么做。我想加载角度然后加载其他脚本经过一段时间后会修复它,但那不行。

1 个答案:

答案 0 :(得分:1)

您的问题不是使用.js文件的绝对URL。在每条路径前面添加/,它应该可以解决您的问题。例如改变:

    <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="bower_components/angular-ui-router/release/angular-ui-router.js">

<script src="/bower_components/angular/angular.js"></script>
  <script src="/bower_components/angular-route/angular-route.js"></script>
  <script src="/bower_components/angular-ui-router/release/angular-ui-router.js">

对所有文件执行此操作。