错误:[$injector:modulerr]实例化routerApp ui-router模块失败

Error: [$injector:modulerr] Failed to instantiate module routerApp ui-router

本文关键字:routerApp ui-router 失败 实例化 模块 modulerr injector 错误      更新时间:2023-09-26

我是Angular.js的新手,似乎无法让ui-router加载。我已经通过了几次谷歌搜索,现在还没有能够解决这个错误。现在,我已经削减了我的代码只是为了确保ui-router工作,但我不断得到以下错误:

Uncaught Error: [$injector:modulerr]实例化模块应用失败,原因如下:错误:[$injector:nomod]模块'app'不可用!您要么拼错了模块名,要么忘记加载它。如果注册一个模块,请确保将依赖项指定为第二个参数。

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>

. 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) {
  }
]);
对于如何解决这个问题有什么建议吗?

app在视图中不可用。应该是routerApp

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

发现错误:express不喜欢我的javascript文件路径。改变

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

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