ng路由injectore:modulerr中出错[$injector:modulerr]http://errors.a

Error in ng-route injectore:modulerr [$injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr

本文关键字:modulerr http errors injector injectore 路由 出错 ng      更新时间:2023-09-26

我正试图创建一个具有角度路由的SPA(单页应用程序),但当我将ndRoute添加到我的模块时,它会给我这个错误

未捕获错误:[$injector:modulerr]http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=牙科&p1=错误%3A…tp%3A%2F%2F2127.0.0.1%3A51792%2FDemoDental%2Fjs%2Angular.min.js%3A17%3A381)

这是我的js代码

(function(){
  var app= angular.module("Dental", ['ngRoute']);
app.config([$routeProvider,function($routeProvider) {
    $routeProvider.when('/aggrement', {
        templateUrl : 'templates/aggrement.html'
    }).otherwise({
        redirectTo : '/home'
    });
}]);
})();

这是我的HTML代码

<!DOCTYPE html>
<html ng-app="Dental">
<head>
  <title>DemoDental</title>
  <meta name="viewport"
    content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,user-scalable=no" />
  <link rel="stylesheet" href="styles/styles.css">
  <script src="js/jquery-1.7.2.min.js"></script>
  <script src="js/angular.min.js"></script>
</head>
<body>
<div>
  </div>
  <!-- angular templating -->
    <!-- this is where content will be injected -->
  <div ng-view id="changeDiv"></div>
</div>
  <script src="js/main.js"></script>
</body>
</html>

我不知道这个错误的原因,因为我觉得一切都很好,如果我从angular.module()中删除ngRoute,程序运行良好。

提前感谢

添加角度路线

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-route.js"></script>