Question

我是Angular.js的新手，似乎无法加载ui-router。我现在经历了几次谷歌搜索，并且无法解决此错误。现在，我已经削减了我的代码只是为了确保ui-router工作，但我不断收到以下错误：

未捕获错误：[$ injector：modulerr]由于以下原因无法实例化模块应用程序：错误：[$ injector：nomod]模块＆＃39; app＆＃39;不可用！您要么错误拼写了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

index.ejs：

<!DOCTYPE html>
<html>
    <head>

        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
        <style>
            .navbar { border-radius:0; }
        </style>

        <script src =  "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
        <script src="http://angular-ui.github.io/ui-router/release/angular-ui-router.js"></script>
        <script src="public/javascripts/test.js"></script>
    </head>

    <body ng-app="routerApp">

        <!-- MAIN CONTENT -->
        <div class="container">

            <!-- THIS IS WHERE WE WILL INJECT OUR CONTENT ============================== -->
            <div ui-view></div>

        </div>
    </body>
</html>

test.js：

var routerApp = angular.module("routerApp", ["ui.router"]);

routerApp.config(
  ["$stateProvider", "$urlRouterProvider",
    function($stateProvider, $urlRouterProvider) {

      $urlRouterProvider.otherwise("views/ui-views/home.html");

      $stateProvider

        .state("home", {
          url: "/home",
          templateUrl: "views/ui-views/home.html",
          controller: "tmp1Controller"
    });
}]);

routerApp.controller("mainCtrl", ["$scope",
  function($scope) {

  }
]);

有关如何解决问题的任何建议吗？

Answer 1

视图中无法使用app。它应该是routerApp

var app = angular.module("routerApp", ["ui.router"]);

Answer 2

发现错误：快递不喜欢我的javascript文件路径。改变

<script src="public/javascripts/test.js"></script>

到

<script src="../../javascripts/test.js"></script>

似乎可以解决这个问题。

错误：[$ injector：modulerr]无法实例化模块routerApp ui-router

2 个答案: