未捕获的错误:即使在加载ng路线后也有角度

Uncaught Error: Angular even after loading ng-route

本文关键字：ng 加载 错误      更新时间：2023-09-26

我得到了一个可怕的错误：

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module usersApp due to:
Error: [$injector:modulerr] Failed to instantiate module ngRoute due to:
Error: [$injector:nomod] Module 'ngRoute' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

不确定我做错了什么：app.js:

(function () {
    var app = angular.module('usersApp',
        ['ngRoute']);
    app.config(['$routeProvider', function ($routeProvider) {
      var viewBase = '/';
        $routeProvider
            .when('/users', {
                controller: 'MainController',
                templateUrl: viewBase + 'users/users.html',
                controllerAs: 'vm'
            })
            .when('/add', {
                controller: 'OrdersController',
                templateUrl: viewBase + 'add/orders.html'
            })
            .otherwise({ redirectTo: '/users' });
    }]);

}());

index.html:

<html>
  <head>
    <title>My Angular App!</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
    <script src="app.js"></script>
  </head>
  <body ng-app="usersApp" ng-controller="MainCtrl">
  <h1>uSers</h1>
    <div ng-repeat="user in users" ng-click="getUsers()" style="background: black; padding: 5px; min-width: 25px; color: white;">
    {{user}}
    </div>
  </body>
</html>

感谢您提供的任何帮助！

您忘记包含angular-route。此外，无需加载2个不同版本的angular。将您的主html更改为：

<html>
  <head>
    <title>My Angular App!</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-route.min.js"></script>
    <script src="app.js"></script>
  </head>
  <body ng-app="usersApp" ng-controller="MainCtrl">
  <h1>uSers</h1>
    <div ng-repeat="user in users" ng-click="getUsers()" style="background: black; padding: 5px; min-width: 25px; color: white;">
    {{user}}
    </div>
  </body>
</html>

您缺少在index.html 中包含angular.route.js

相关文章：